디자인 소프트웨어 · 모션·애니메이션

Easings

자주 쓰는 이징 함수를 곡선과 움직임 미리보기로 비교하고 CSS 값을 확인하는 참고 사이트입니다.

무료easings.net
01

어떤 곳인가요?

여러 이징 함수의 곡선을 시각적으로 비교해 볼 수 있는 참고 사이트.

02

핵심 포인트

  1. 곡선으로 한눈에

    각 이징의 속도 변화를 그래프로 비교해 볼 수 있습니다.

  2. 움직임 미리보기

    마우스를 올리면 실제로 어떻게 움직이는지 보여 줍니다.

  3. CSS 값 제공

    cubic-bezier 값과 코드 예시를 바로 복사할 수 있습니다.

출처와 확인 정보

정리: 디자인서랍 · 공식 사이트 소개를 바탕으로 작성 · 확인:
요금과 기능은 바뀔 수 있으니 이용 전에 공식 사이트에서 확인하세요.

정보 수정 제안