Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Image Poster Color on Hover


mdemartin

Question

Site URL: http://designsite.com

Hi - the following code is supposed to provided a color hover-over effect to Poster image cards. Unfortunately, it works for all image cards. Would anyone know how to update this code so it only applies to Poster image cards? Thanks in advance. Also, not that the URL does not have an example - Sqsp required one to write this post.

// Gradient Overlay on Poster Image //

.image-block-v2:before { 
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 0;  
opacity: 0; }

.image-block-v2:hover:before {
background: -webkit-linear-gradient(to top, #F07C63, #E45372);
background: linear-gradient(to top, #F07C63, #E45372);
opacity: .55;
transition: all .5s ease-in-out; 
}

Edited by mdemartin
Corrected the post
Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

1 answer to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...