Getting Started with Animations in Webflow

Traditional CSS keyframe animation can be tricky, but luckily Webflow makes it pretty easy. In this article I’ll show you how to make an easy loading screen animation. The final product is viewable here.

Weird frame rate lol I promise this looks smooth in person.

We’ll start by adding a new Page Trigger animation. This type of animation is triggered by events in the actual page (in this case when the page is finished loading), versus Element Trigger…



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store