Website Enter Effect

Website Enter Effect

Website Enter Effect

Website Enter Effect

Website animation

Website animation

Website animation

Website animation

Website Enter Effect

Website Enter Effect

Website Enter Effect

Website Enter Effect

This is a website entry effect that you can use on your Framer website. Take a look at how it's constructed by remixing the project.

This is a website entry effect that you can use on your Framer website. Take a look at how it's constructed by remixing the project.

This is a website entry effect that you can use on your Framer website. Take a look at how it's constructed by remixing the project.

This is a website entry effect that you can use on your Framer website. Take a look at how it's constructed by remixing the project.

Website Enter Effect
Website Enter Effect
Website Enter Effect
Website Enter Effect

Features

This effect uses a cover frame with fixed positioning, covering the whole viewport by setting its height to 100vh, then animates it with a scroll transform so it vanishes as we scroll down the website. It's a fantastic way to kick off scrolling on a site.

Step 01 outline

Step / 01

Remix the project.

Step 2 outline

Step / 02

See how it's built.

Step 3 outline

Step / 03

Try recreating it for practice, or copy and paste it to your project.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free
Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.