39강 each문,아이콘sgv,tilt.js,marquee

each문 활용

fullpage + animate.css 조합

jquer / fullPage: script,link / animate.cs 4가지 넣기

<div data-animate-class="animate__animated **animate__shakeX**(이부분을 바꿔준다.)" class="">Example</div>

텍스트 SVG로 만드는 방법

아이콘을 만드는게 svg
형태를 유지한다.

tilt.js

라이브러리 제이쿼리+ 제이쿼리tilt 필요

$('.js-tilt').tilt({
scale: 1.2, 확대
maxTilt : 15,
speed : 400, 마우스 올릴때 속도
glare : true,반사광
reset: false 마우스 떼도 고정
})

marquee

흘러가는 애니메이션
marquees animation codepen 검색데모찾기
쓰기가 까다롭다. (반응형도 어려움)

다크모드

textarea - 본문쓸때 쓰임
:root --
언더바x 블랙x 안쓰는게 좋다

스크롤트리거로 탑바 배경색이 섹션의 배경색에 맞게 자동변환

다시공부하기