Viewing 2 posts - 1 through 2 (of 2 total)
-
Posts
-
On http://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!
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.