-
Posts
-
I love the diagonal border option now. I’d love to have a border that was rotated a little bit less so that I could get an effect like this one:
https://screencast.com/t/fMbhfDwMPda8
Thoughts on the CSS that could do that?
Hey Andrea,
Could you post a link to the page where you want this implemented please?
Best regards,
RikardHi Rikard,
It took some doing but I figured it out:
#first .av-extra-border-outer:before, #projects .av-extra-border-outer:before {
content: “”;
background: #b72424;
background: -moz-linear-gradient(45deg, #b72424 0%, #d66228 61%, #ff891c 100%);
background: -webkit-linear-gradient(45deg, #b72424 0%,#d66228 61%,#ff891c 100%);
background: linear-gradient(45deg, #b72424 0%,#d66228 61%,#ff891c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#b72424′, endColorstr=’#ff891c’,GradientType=1 );
position: absolute;
width: 200%;
height: 30px;
top: 190px;
left: -50%;
transform: rotate(-7deg);
}
- You must be logged in to reply to this topic.