animation (1) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ [CSS] animation ๐ CSS์์ animation์ด๋? CSS ์คํ์ผ์ ๋ค๋ฅธ CSS ์คํ์ผ๋ก ๋ถ๋๋ฝ๊ฒ ์ ํ์์ผ์ฃผ๋ CSS ์์ฑ์ด๋ค. @keyframs๋ฅผ ํตํด ์ค๊ฐ ์ํ๋ฅผ ์ง์ ํ๋ค. animation-name : ์ ๋๋ฉ์ด์ ์ด๋ฆ ์ง์ @keyframes name : ์ค๊ฐ ์ํ ์ง์ (from : ์์ 0% ~ to : ์์ 100%) animation-duration : animation ์ง์ ์๊ฐ (๋ช ์ด ๋์) animation-delay : animation ๋๋ ์ด ์๊ฐ (๋ช ์ด ๋ค์) animation-timing-fuction : animation ๊ฐ์๋ · linear default · ease : ๋น ๋ฆ -> ๋๋ฆผ (ease-out ๋ณด๋ค ๋น ๋ฅธ ์๋๋ก ์์) · ease-in : ๋๋ฆผ -> ๋น ๋ฆ · ease-out.. ์ด์ 1 ๋ค์