One of my preferred animations for sure. It is a subtle and very effective solution for turning features into CTA respectfully for the user. If used in conjunction with increasing the text size slightly , it's a cool way to address accessibility at a basic level. Great video- as always. Thank you for sharing 😎🤘
Curious...could you have used a mask with a shape and have that mask initially show a photo and then do an animated fill with a color on rollover or a button?
Hi thanks for the tutorial. But when I add background-color in your CSS code. The hover animation stops working. I tried it many times. Can you please check it & fix the code?
Hi this is not working for me on the free version of Elementor, I added the class and added the CSS in additional CSS but nothing happens. Can you help"?
hi uriel, how to align only description text of icon box to bottom so the design have consistency . is it possible i tried todo by myself but somehow i am doing something wrong somewhere in code. please help! thank you!
I added the CSS code to Appearance > Customize > Additional CSS. It works when viewing in Customize window only. After Publishing it and opening the website in new tab or incognito tab, the description disappear by default and show on hover is not working. Only title font color is changing on hover. I tried different options, its like if title color change CSS code is above that of description, then title CSS code works and if I add description hide and show on hover code above title code, then description CSS code works but not title CSS code. How to solve this? Please help.
I think I figured it out. Class need to be on the icon box element. CSS in the Edit Column Advanced. My bad. Great videos Uriel. Lots of great insight into Elementor that explains many settings.
I can't see the customizer option in my preview chnages My so called asshole supervisor has just given me a blank page and expecting me to create a front page nobody has ever build, bkl BB
Hello Uriel Soto, Glad to see you back and sounding great. Sorry you were sick glad you have recovered well.
Thanks you! I appreciate you man.
Hello, awesome tutorial. Can the css work on tabs
One of my preferred animations for sure. It is a subtle and very effective solution for turning features into CTA respectfully for the user. If used in conjunction with increasing the text size slightly , it's a cool way to address accessibility at a basic level. Great video- as always. Thank you for sharing 😎🤘
Wow I love this. You're absolutely right! It makes a website less boring.
Hi Uriel. Doesn't it shift up because it is vertically center aligned ? I would try vertically aligning to top. Great stuff!
Curious...could you have used a mask with a shape and have that mask initially show a photo and then do an animated fill with a color on rollover or a button?
Stunning Dude
thank you! you helped me a lot, awesome content!
Great tutorial, thanks a lot .
This is what I wanted.. thank you so much ☺️
For sure got more coming!
Hi thanks for the tutorial. But when I add background-color in your CSS code. The hover animation stops working. I tried it many times. Can you please check it & fix the code?
is there a way to change the section BG color?
hi the color of the background is not changing and the animation is not working . effect only take effect on text
Hi this is not working for me on the free version of Elementor, I added the class and added the CSS in additional CSS but nothing happens. Can you help"?
hi uriel, how to align only description text of icon box to bottom so the design have consistency . is it possible i tried todo by myself but somehow i am doing something wrong somewhere in code. please help! thank you!
Hey i followed every step but the effect isn't happening! , can u help !
I added the CSS code to Appearance > Customize > Additional CSS. It works when viewing in Customize window only. After Publishing it and opening the website in new tab or incognito tab, the description disappear by default and show on hover is not working. Only title font color is changing on hover. I tried different options, its like if title color change CSS code is above that of description, then title CSS code works and if I add description hide and show on hover code above title code, then description CSS code works but not title CSS code. How to solve this? Please help.
Thank you for the tutorial. Where can I find the css code? The link is unavailabre.
Should be working now.
I can't get it to work on elementor pro any suggestions?
plz record the video in laptop screen i have not such a large monitor
Does it work on mobile?
Yes it should
i can't run the code would anybody helps me
can u make something that will come from right of the box
Sorry what do you mean?
@@UrielSoto i mean can u make a icon box with out of the box hover effect
So I followed this exactly (built it 3 times) and added the css and class. The effect is not happening. Elementor Pro. Thoughts on why?
I think I figured it out. Class need to be on the icon box element. CSS in the Edit Column Advanced. My bad. Great videos Uriel. Lots of great insight into Elementor that explains many settings.
Glad you got it figured out. I got some more juicy stuff coming!
Wow
I can't see the customizer option in my preview chnages
My so called asshole supervisor has just given me a blank page and expecting me to create a front page nobody has ever build, bkl BB
Ahhm