Change color overlay of featured images on hover?

  • I like the color overlay on featured images, however I want the normal image on mouse-over. Is this possible? I can see the theme uses the css property mix-blend-mode for this.

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

  • Try this CSS:

    .cover-color-overlay {
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.cover-header.bg-image:hover .cover-color-overlay {
    opacity: 0;
}
    Thread Starter tastymouse

    (@tastymouse)

    Unfortunately, it’s not that simple.
    Thanks, Tom

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change color overlay of featured images on hover?’ is closed to new replies.