Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 17, 2015 at 12:33 am #474620
    Jagrav

    I like the “on hover” increase image size effect that I’ve used with the Image element.

    Image element
    Image Hover effect:
    Yes, slightly increase the image size

    Is it possible to duplicate that effect with the Post Slider element?

    • This topic was modified 9 years, 4 months ago by Jagrav.
    July 17, 2015 at 11:43 am #474825
    Rikard

    Hey Jagrav!

    Not sure if that can be done, could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    July 17, 2015 at 7:00 pm #475126
    Jagrav

    I’m getting the following message when trying to send a “Private Content” reply message:

    Reply To: Post Slider element hover customization
    ERROR: Your reply cannot be empty.

    July 17, 2015 at 7:15 pm #475130
    Yigit

    Hi!

    Please insert some text into content section of your message plus your private content :)

    Regards,
    Yigit

    July 17, 2015 at 8:52 pm #475152
    Jagrav

    Example links are included in Private Content Message:
    This page shows an example of the “Image element: Yes, slightly increase the image size” hover effect:
    I would like to reproduce that hover effect here in the Post Slider element.

    July 21, 2015 at 3:17 pm #476540
    Elliott

    Hi!

    Try adding this to your custom CSS.

    .slide-image img {
-webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
transition:			all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.slide-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

    Regards,
    Elliott

    July 22, 2015 at 12:35 am #476782
    Jagrav

    Thank you so much Elliott.
    It’s working and I like this hover effect :)

    July 23, 2015 at 5:55 am #477494
    Rikard

    Hi!

    Glad we could help :-)

    Regards,
    Rikard

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