W3.CSS 애니메이션을 사용하면 슬라이드 수 있으며, HTML 요소에 페이드.
애니메이션은 재미입니다!
애니메이션은 재미입니다!
애니메이션은 재미입니다!
애니메이션은 재미입니다!
애니메이션은 재미입니다!
애니메이션은 재미입니다!
애니메이션은 재미입니다!
애니메이션은 재미입니다!
요소에 슬라이드
위, 아래, 왼쪽 또는 W3-animate- * 클래스와 화면의 오른쪽에서 요소에 슬라이드 :
| 수업 | 정의 | |
|---|---|---|
| W3 - 애니메이션 - 가기 | 0 픽셀의 화면 상단에서 요소 300 픽셀을 애니메이션 | 시도 해봐 |
| W3-애니메이션 바닥 | 0 픽셀의 화면 하단에서 요소 300 픽셀을 애니메이션 | 시도 해봐 |
| W3 - 애니메이션 - 왼쪽 | 0 픽셀로 화면의 왼쪽에서 요소 300 픽셀을 애니메이션 | 시도 해봐 |
| W3-애니메이션 오른쪽 | 0 픽셀 수있는 화면의 오른쪽에서 요소 300 픽셀을 애니메이션 | 시도 해봐 |
요소에 페이드
W3 - 애니메이션 - 불투명도 클래스 요소에 페이드 :
요소의 확대
W3 - 애니메이션 - 줌 클래스 요소 확대 :
스핀 요소
W3 스핀 클래스와 모든 요소를 360도 회전 :
무한 페이드
페이드 모든
예
<img class="w3-animate-top" src="img_01.jpg">
<img class="w3-animate-zoom" src="img_02.jpg">
<img
class="w3-animate-left" src="img_03.jpg">
<img class="w3-animate-bottom" src="img_04.jpg"> »그에게 자신을보십시오