Getting Started with Animations in Webflow

Brad Carter
3 min readFeb 15, 2021

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…