CSS 애니메이션 지연 속성
- WBOY앞으로
- 2023-08-28 11:21:06901검색
CSS를 통해 애니메이션 시작 지연을 설정하려면 animation-delay 속성을 사용하세요.
다음 코드를 실행하여 animation-delay 속성을 구현할 수 있습니다. -
Example
Live Demo
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 200px;
background-color: yellow;
animation-name: myanim;
animation-duration: 2s;
animation-delay: 2s;
}
@keyframes myanim {
from {
background-color: green;
}
to {
background-color: blue;
}
}
</style>
</head>
<body>
<div></div>
</body>
</html>위 내용은 CSS 애니메이션 지연 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제