In this video, you will learn how to build an image that scrolls to the bottom when the user hovers over it. This is a great way to showcase your portfolio of website you built, show off images that are tall, or even show off products on your e-comm shop.
Wondering what tools I use at my agency? check them out below!
Bricks Forge: https://bricksforge.io/?aff=c5a44148
Meta Box: https://metabox.sjv.io/qn39VL
Automatic CSS: https://automaticcss.com/ref/41/
Fathom GDPR Analytics: https://usefathom.com/ref/QPRTID
Vultr Servers: https://www.vultr.com/?ref=9088377
Fluent Forms: https://fluentforms.com/?ref=1552
Slim SEO: https://slim-seo.sjv.io/QOaOqa
Rank Math: https://rankmath.com/?ref=john-2176
WP Code Box: https://wpcodebox.com/?ref=190
GridPane Hosting: https://gridpane.com/?via=john70
Chapters
0:00 Intro
0:45 Structure Panel & Class Setup
2:00 Setting Up The CSS Styles
14:00 Icon Animation With Keyframes
16:55 Icon Animation With Opacity & Rotate
19:23 Conclusion And Wrap Up