Webflow's interactions and animations tools bring all the power of CSS and JavaScript into a completely visual tool, empowering designers to build complex, rich animations without even thinking about code.
Link your animations and motion to scroll progress to achieve effects like parallax, precise reveal animations, progress bars, or whatever else you can dream up.
Transform element sizes, styling, and position based on scroll progress over a specific element or the entire page.
Bring expressive animations to your sites that build as users move down the page.
Link animations and movement to your cursor position to catch visitor’s attention and craft precise microinteractions.
.svg){kind=small}
Hover trigger may not be supported on all touch devices, many devices will activate hover by using a tap event.
Creating rich, timeline based animations is as easy as setting up PowerPoint or Keynote animations — but the result is clean, working code.
Show modals, panels, and other hidden elements on click to give sites a new level of interactivity.
Transform elements, update styles, and reveal new content on hover.
Hover trigger may not be supported on all touch devices, many devices will activate hover by using a tap event.
