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

    On (Purchase code hidden if logged out) / 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!



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



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.