Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #27179

    On http://www.kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/ I see that you were able to create a hover effect on the button in this slide. I assume you used a custom CSS3 code. Can you tell me what the code is? Thanks!

    #133062

    Hi,

    The hover effect is decreasing the opacity of the button.

    #top .avia-slideshow-button:hover {
    opacity: 0.7;
    }

    This is the default css style of the button.

    #top .avia-slideshow-button {
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    border: 3px solid #fff;
    padding: 7px 16px;
    margin-top: 20px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    background-color: rgba(0,0,0,0.2);
    }

    Regards,

    Ismael

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

The topic ‘How Did You Create the Fade-Out Hover Effect in LayerSlider?’ is closed to new replies.