transform and transitions

54 Posts

marco.marino1971 posted this 01 June 2017

Hello,
could you please suggest how to get some nice effect like here?:
http://templates.themler.com/Themes/Preview?id=1888876

In this theme there is a nice transformation of image and button on mouse over. It is a magento theme.

I am trying to get the same effect on image+text and button in a prestashop theme. I see in the options of image+text block a "transitions" section, but I am not sure if that is the function to get the result.
Or should I use css3? in this case how can I associate the css3 transition code to the element?

Regards
Marco

Hello, could you please suggest how to get some nice effect like here?: http://templates.themler.com/Themes/Preview?id=1888876 In this theme there is a nice transformation of image and button on mouse over. It is a magento theme. I am trying to get the same effect on image+text and button in a prestashop theme. I see in the options of image+text block a "transitions" section, but I am not sure if that is the function to get the result. Or should I use css3? in this case how can I associate the css3 transition code to the element? Regards Marco

transitions

transitions.png

Vote to pay developers attention to this features or issue.

4 Comments

Order By: Standard | Newest

138 Posts

DouzanStudio posted this 02 June 2017

The control should have hover option in order to use transitions on it, Like buttons, icons, menu item.. etc
As you assumed, you can use custom css (hover selector) on elements by targeting its unique class, Just inspect the element in google inspector to get it and add your custom css into Setting > additional css field.

The control should have hover option in order to use transitions on it, Like buttons, icons, menu item.. etc As you assumed, you can use custom css (hover selector) on elements by targeting its unique class, Just inspect the element in google inspector to get it and add your custom css into Setting > additional css field.

Support Team posted this 02 June 2017

Hi,

This theme has custom css which creates this hover effect.
Please check theme Settings >> Additional CSS.

Thank you,
Olivia

Hi, This theme has custom css which creates this hover effect. Please check theme Settings >> Additional CSS. Thank you, Olivia

54 Posts

marco.marino1971 posted this 02 June 2017

Yes I saw it,

I will try to create the same effect on another theme in prestashop

Thank you
Regards
Marco

Yes I saw it, I will try to create the same effect on another theme in prestashop Thank you Regards Marco

18 Posts

rayem28362 posted this 2 weeks ago

Hallo Marco, es ist großartig zu sehen, dass du an der Umsetzung von Hover-Effekten in deinem Prestashop-Theme arbeitest! Die Transformations- und Übergangseffekte können wirklich dazu beitragen, das Benutzererlebnis zu verbessern. Wie du bereits erwähnt hast, ist die Verwendung von CSS3 eine hervorragende Möglichkeit, um diese Effekte zu erzielen. Du kannst den Hover-Selektor verwenden, um die gewünschten Stile anzuwenden. Wenn du nach weiteren Ideen suchst, wie du dein Webdesign aufpeppen kannst, könnte die spinmama app für dich interessant sein. Sie bietet zahlreiche Funktionen, die dir helfen können, deine Website ansprechender zu gestalten. Viel Erfolg bei deinem Projekt und lass uns wissen, wie es läuft! Beste Grüße!

Hallo Marco, es ist großartig zu sehen, dass du an der Umsetzung von Hover-Effekten in deinem Prestashop-Theme arbeitest! Die Transformations- und Übergangseffekte können wirklich dazu beitragen, das Benutzererlebnis zu verbessern. Wie du bereits erwähnt hast, ist die Verwendung von CSS3 eine hervorragende Möglichkeit, um diese Effekte zu erzielen. Du kannst den Hover-Selektor verwenden, um die gewünschten Stile anzuwenden. Wenn du nach weiteren Ideen suchst, wie du dein Webdesign aufpeppen kannst, könnte die [spinmama app][1] für dich interessant sein. Sie bietet zahlreiche Funktionen, die dir helfen können, deine Website ansprechender zu gestalten. Viel Erfolg bei deinem Projekt und lass uns wissen, wie es läuft! Beste Grüße! [1]: https://spinmama.co.at/app