Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 17, 2023 at 4:04 pm #1419388
    ariane1001

    Hi,
    In this website https://techleap-design.nl/techleap/test-12/ I use the Hover Effect to “slightly zoom in” on the Images.
    I really would like to use this Hover Effect to “slightly zoom in” also on the blog and related article images, Is this possible?

    thank’s
    Best regards,
    Ariane

    September 17, 2023 at 7:10 pm #1419392
    Mike

    Hey ariane1001,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .slide-entry-wrap a:hover img {
	animation: zoom 2s;
	animation-fill-mode: forwards;
}
@keyframes zoom {
  to {
      transform: scale(1.2)
  }
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 18, 2023 at 2:05 pm #1419470
    ariane1001

    Hi Mike,
    Thanks a lot! It works like a charm. 5 stars!
    Best regards,
    Ariane

    September 18, 2023 at 3:56 pm #1419482
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.