Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 14, 2016 at 6:14 am #724108
    Moaaaaya

    I have add this on Quick CSS

    .slide-image {
    transition: all 0.5s ease 0s;
    }
    .slide-image:hover {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    }

    On blog-grid page, When image on hover, it’s look like

    but i want image is not over the size.
    I hope it would be look like this.

    How to write the css?

    December 16, 2016 at 5:35 pm #725467
    Nikko

    Hey Moaaaaya,

    Thanks for using Enfold. Try changing your code to this:

    .slide-image img {
 transition: all 0.5s ease 0s;
}

.slide-image:hover img {
 -moz-transform: scale(1.5);
 -ms-transform: scale(1.5);
 -o-transform: scale(1.5);
 -webkit-transform: scale(1.5);
 transform: scale(1.5);
}

    Hope this helps :)

    Best regards,
    Nikko

    December 19, 2016 at 3:46 am #725937
    Moaaaaya

    Magic！
    It’s work.
    thanks a lot.

    December 20, 2016 at 5:44 am #726402
    Rikard

    Hi,

    Great, glad we could help :-)

    please let us know if you should need any more help on the topic.

    Best regards,
    Rikard

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