This document aims to assist Korean users learning Framer who experience difficulties due to the lack of resources in Korean. We have translated content from the official blog into Korean and added practical information. We hope this will be of some help to those using Framer.

What is Parallax Scrolling?

Parallax scrolling is an increasingly popular technique in web design, adding depth to scrolling and helping users become more immersed in the website. The basic principle is to move the background of the website more slowly than the foreground. This creates an illusion of layers separating on the screen, effectively adding another dimension to the design.

Visually Attractive and Dynamic Design

Recently, Framer released a video showcasing an example of parallax scrolling. In this video, a scroll speed effect is applied to the text layer, causing the text to scroll at only 40% of the speed of the other elements. As a result, the design becomes visually striking and dynamic, capturing the viewer's attention.

Rich Effects Created by a Simple Technique

The intriguing aspect of this effect is that such a diverse effect is created using a very simple technique. Just by adjusting the scroll speed of the text layer, the screen appears to gain depth, and an additional layer seems to be added to the design. Such simple techniques can produce a variety of effects, from subtle animations to richer designs.

Remix and Customize for Your Project

Framer offers a Remix link so that designers can experience this technique firsthand. By clicking the link, you can clone the project and modify or customize it as you wish. For example, you could change the speed ratio or apply the parallax effect to images or other elements instead of text.

Creating a Dynamic and Engaging User Experience

Parallax scrolling is a great way to enrich the user's experience while navigating a website. It adds depth and interactivity to the design, showcasing the brand in a unique and creative way.

If you were to apply this parallax effect, which page would you try it on first? If you haven't tried parallax scrolling yet, I recommend taking this opportunity to experience it yourself. It's surprisingly simple yet powerful, and it might even make your design stand out significantly.

This article is a translated and adapted version of the Framer official blog's ‘Build a stunning parallax effect with Framer’.