Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #743656

    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?

    #743791

    Hey Andrea,

    Could you post a link to the page where you want this implemented please?

    Best regards,
    Rikard

    #743953

    Hi 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);
    }

    #744211

    Hi,

    Great, glad you figured it out and thanks for sharing. Site looks nice! :-)

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.