📌 학습한 내용
복잡하고 빈번하게 사용되는 애니메이션 효과들은 패키지를 이용해 사용할 수 있다.
참고 사이트 : https://animate.style/
CDN 이용해서 copy & paste. 단, style.css 파일 위쪽으로 붙여넣기
(웹 상에 있는 css파일을 가져다가 <link>
로 연결)
애니메이션 효과들이 다 구현되어 있는 파일을 가져와 사용하는 것
작성된 class를 <html>
에 입력만 해도 적용된다.
예시
<div class="animate__animated animate__bounce animate__slow">Example</div>
<html>
에 삽입참고 사이트 :
다른 사용자가 만든 애니메이션 효과 : https://codepen.io/
📌 학습내용 중 어려웠던 점
📌 해결방법
📌 학습소감
처음에는 라이브러리를 사용한다고 해서 파이썬과 같이 import명령이나 pip install 명령을 사용할 거라고 생각했는데, CDN을 이용해 단순히 copy & paste 만으로 라이브러리를 사용할 수 있어 편하게 다가왔다. Codpen 사이트에서 다른 사용자가 만든 애니메이션들을 보고 스스로 아직 부족하다는 점을 상기했고, 개인적으로 강의 내용뿐만 아니라 실습을 진행해야 겠다.