Build this awesome ANIMATED hero in WEBFLOW

Easily create an eye-catching animated hero section for your website? In this video, we'll show you step-by-step how to animate this hero section in Webflow using a design we found on Dribbble.com. Whether you're a Webflow pro or just starting out, you'll learn valuable tips and tricks that will help you create a stunning hero section that will capture your visitors' attention.

Original shot: dribbble.com/shots/20233097-AI-WORK-AI-Art-Gallery
Get Webflow: webflow.grsm.io/py25k1h77m5i *

Here's the custom code I used (without the brackets, as YT doesn't let me – so don't forget to add them to the style tags) :

style

{
-webkit-font-smoothing: antialiased;
}

body {
font-size: 1.1111111111111112vw;
}
/* Max Font Size */
@media screen and (min-width:1600px) {
body {font-size: 17.77777777777778px;}
}

.custom-styles {
position: fixed;
pointer-events: none;
}



/style

###

Follow me on other platforms:
Twitter: twitter.com/felix_brodbeck
LinkedIn: www.linkedin.com/in/ui-ux-webflow-felix-brodbeck/

###

Work with my studio:
www.designbase.studio/

#webflow #animation #webdesign #tutorial

affiliate link