New Landing How can we help? Atelier Enlarge image on hover effect

Viewing 2 posts - 1 through 2 (of 2 total)
  • Posted in: Atelier
  • #300684
    kodanska
    Member
    Post count: 36

    hello, on a normal “image banner” i am looking to use the effect you have on the multi-masonry shop style, where there is a grey overlay and the image is slightly enlarged when i hover over. Can you direct me as to what code i have to use to get this effect on any image with text?

    Thanks

    #300937
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Unfortunately that is not possible to acheive with an image banner asset.

    You could use a gallery asset: http://swiftideas.com/elements/galleries/

    And then use some custom CSS to add the zoom:

    .gallery-item figure:hover img {
      -webkit-transform:scale(1.25); /* Safari and Chrome */
        -moz-transform:scale(1.25); /* Firefox */
        -ms-transform:scale(1.25); /* IE 9 */
        -o-transform:scale(1.25); /* Opera */
         transform:scale(1.25);
    }
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.