How can I add Zoom in animation on featured images of homepage

  • Hello, my website URL is https://blogello.com. I want to add zoom-in animation (not magnifier animation) when anybody moves their cursor on the featured image of a post on the homepage. The image will be zoomed in when he takes the cursor, the image will be zoomed out. Give CSS Code Please and also give the text or code that should be pasted in the image additional CSS. (Please also give a third-party plugin that can do this)

    • This topic was modified 1 year, 7 months ago by shahvez0.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Leo

    (@leohsiang)

    Hi there,

    Unfortunately I don’t believe this can be achieved with simple CSS code – it will likely require a custom solution which is out of the scope of the free theme support forum here.

    Since this is not a theme related question, I’d recommend posting the question in a WP general forum like Stack to get more responses: https://wordpress.stackexchange.com/

    Thanks for your understanding.

    i am also facing the same issue at the address of spankingwebstories.com wordpress website. any solution please?

    Hi there,

    the most we can provide is this CSS:

    .inside-article .post-image {
    overflow: hidden;
}
.inside-article .post-image img {
    transform: scale(1);
    transition: transform 0.3s ease;
}
.inside-article .post-image img:hover {
    transform: scale(1.1);   
}

    thank you sir

    You’re welcome

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How can I add Zoom in animation on featured images of homepage’ is closed to new replies.