CSS margin-bottom 속성 애니메이션
- PHPz앞으로
- 2023-08-26 08:29:091324검색
CSS에서 margin-bottom 속성에 애니메이션을 적용하려면 다음 코드를 실행해 보세요.
Example
온라인 데모
<!DOCTYPE html>
<html>
<head>
<style>
p {
animation: mymove 3s infinite;
margin-bottom: 20px;
}
@keyframes mymove {
70% {
margin-bottom: 60px;
}
}
</style>
</head>
<body>
<p>This is demo text! This is demo text! This is demo text!
This is demo text! This is demo text! This is demo text!
This is demo text! This is demo text! This is demo text!
This is demo text! This is demo text! This is demo text!
</p>
<p>This is demo text 2!</p>
</body>
</html>위 내용은 CSS margin-bottom 속성 애니메이션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
이전 기사：CSS를 사용하여 폴오프 그림자 만들기다음 기사：CSS를 사용하여 폴오프 그림자 만들기