□ CSS animate library
- animate.css – https://animate.style/
● <head>의 link style.css 의 위에
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>붙여넣기 → animate.min.css의 미리 작성되어진 코드를 사용 가능해짐
※ 미리 만들어진 CSS 코드를 사용하는 것
● 위 사이트에서 필요한 애니메이션 기능들을 찾아서 사용하면, 다양한 애니메이션 표현이 수월해짐
□ 다른 사람들이 만들어놓은 CSS code들을 보고자 할 때
- https://codepen.io/ 에서 animation 검색 후, 필요한 코드 찾아서 참고하기
어려웠던 점 및 해결방법
7월 7일(수) 들었던 강의의 마지막 20분 가량의 내용을 마저 들었는데, 만들어진 애니메이션 코드를 알려주는 사이트와 다른 사람들이 작성해놓은 코드를 알 수 있는 사이트에 대해 알려주셔서 어려운 내용은 없었습니다.
학습 소감
이미 만들어진 애니메이션 코드들의 종류가 다양하고, 쉽게 알 수 있도록 만들어진 사이트들이 있어 차후에도 유용하게 쓸 수 있을 것이라 생각되어서 좋았습니다.
반갑습니다. 잘부탁드립니다.