English [freəmz] US [freəmz]

n.테두리(프레임의 복수명사);

CSS @keyframes 속성 통사론

@keyframes가 무엇인가요?

@keyframes는 CSS 애니메이션 기간의 동작을 정의하고 간단한 애니메이션을 만드는 데 사용할 수 있는 CSS 규칙입니다.

기능:@keyframes 규칙을 사용하면 애니메이션을 만들 수 있습니다.

지침:애니메이션을 만드는 원리는 한 CSS 스타일 세트를 다른 스타일 세트로 점진적으로 변경하는 것입니다. 애니메이션 중에 이 CSS 스타일 세트를 여러 번 변경할 수 있습니다. 변경 사항이 백분율로 발생하는 시점을 지정하거나 0% 및 100%에 해당하는 "from" 및 "to" 키워드를 통해 지정합니다. 0%는 애니메이션의 시작 시간이고, 100%는 애니메이션의 종료 시간입니다. 최상의 브라우저 지원을 위해서는 항상 0% 및 100% 선택기를 정의해야 합니다.

참고:애니메이션 속성을 사용하여 애니메이션의 모양을 제어하고 애니메이션을 선택기에 바인딩하세요.

CSS @keyframes 속성 예

    

注释:本例在 Internet Explorer 中无效。


인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요