728x90
반응형
Animista
Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.
animista.net
다양한 CSS 애니메이션을 테스트해볼수 있는 사이트입니다.
특히 CSS코드로 바로 지원을 해주기 때문에 난이도 높은 애니메이션을 실행시키기 너무 좋은 사이트죠.
그리고 animation속성 중 이해가 어려운 animation-timing-function까지도 잘 표현해주기 때문에
너무 활용하기 좋은 사이트입니다.
728x90
1. 첫번째로 마음에 드는 애니메이션을 찾습니다.
- 바로 위의 파트에서 찾을 수 있고 한 원 카테고리당 또 다양한 애니메이션 효과를 탭으로 선택 가능합니다.
2. 오른쪽 가운데 부분에 보면 아이콘들이 있습니다.
그 중 마지막 것을 누르면 코드를 확인할 수 있습니다.
3. 코드 확인
- 코드가 잘 확인되시죠?
728x90
반응형
'웹관련사이트추천' 카테고리의 다른 글
| [CSS사이트] 체크박스, 스위치버튼 예시 사이트 (0) | 2023.02.21 |
|---|---|
| [jQuery] 웹사이트에 사용가능한 제이쿼리 달력(datepicker) 7가지 모음 (0) | 2021.06.10 |
| [jQuery] 웹사이트에 사용가능한 팝업 혹은 모달창 5개 모음 (0) | 2021.01.24 |
| [jQuery] 웹사이트에 사용가능한 슬라이더(Slider) 8가지 모음 (0) | 2020.12.22 |
| [웹디자인관련] 웹에 사용할 무료 아이콘 다운 받는 사이트5 (0) | 2020.11.13 |
