CSS Keywords

{object_name}

CSS Easing Functions

  • Cubic Bezier Easing Functions

    • ease

      천천히 시작하다 빠르게 진행하며 천천히 종료한다.

    • ease-in

      천천히 효과를 시작한다.

    • ease-in-out

      천천히 효과를 시작하고 종료한다.

    • ease-out

      천천히 효과를 종료한다.

  • linear

    설정된 시간 동안 일정한 속도로 전이 효과를 연출한다.

  • Step Easing Functions

  • Step Position

    • end

      jump-end로 작동한다.

    • jump-both

      첫 번째 상승은 입력 진행 값 0에서 발생하고 마지막 상승은 입력 진행 값 1에서 발생한다.

    • jump-done

      모든 상승은 (0, 1) 범위 내에서 발생한다.

    • jump-end

      마지막 상승은 입력 진행 값 1에서 발생한다.

    • jump-start

      첫 번째 상승은 입력 진행률 값이 0일 때 발생한다.

    • start

      jump-start로 작동한다.

©2024 devdic.com, Korea

출처를 밝힌 리소스 이외의 본 레퍼런스에 사용된 모든 생성물의 소유 및 저작권은 devdic.com에 있습니다. 특별히 재배포를 금지한 것 이외는 재배포가 가능하며 반드시 출처를 표기해 주시기 바랍니다.
현재는 베타 버전으로 미등록 및 불완전한 콘텐츠가 일부 있을 수 있습니다. 오류 및 기술 자료 제보(건의)는 언제든지 환영하며 감사드립니다.
기본적으로 W3C 기술 사양을 기준으로 작성하였으며 일반적이지 않은 기술 설명에 대한 내용의 일부는 Mozilla의 MDN web docs에서 도움 받았음을 밝힙니다. 그들을 존경합니다.

master@cydemy.com