timing-fuction1 CSS _transition(2) (timing-function) ์ ๋ฒ์ ์ด์ด์ transition ๋ ๋ฒ์งธ timing-function์ ์์๋ณด์๋ค. timing-function ์ ํํจ๊ณผ์ ์๊ฐ๋น ์๋๋ฅผ ์กฐ์ ํ๋ค. ๊ฐ์ ์ข ๋ฅ 1. ease : ๊ธฐ๋ณธ๊ฐ / ์ ์ ์๋๊ฐ ์ฆ๊ฐํ๋ค๊ฐ ๋๋ ค์ง 2. linear : ๋๊ฐ์ ์๋๋ก ๋๊น์ง 3. ease-in : ์ฒ์ฒํ ์์ํ์ฌ ๋๋ ๋๊น์ง ๋นจ๋ผ์ง 4. ease-out : ๋น ๋ฅด๊ฒ ์์ํด์ ๋๋ ค์ง๋ฉฐ ๋ 5. ease-in-out : ์ฒ์ฒํ ์์ํด์ ๋นจ๋ผ์ก๋ค๊ฐ ๋ค์ ๋๋ ค์ง 6. steps(๋จ๊ณ ์, jump-term) 7. step-start : steps(1, start)์ ๋์ผ 8. step-end : steps(1, end)์ ๋์ผ 9. cubic-bezier(p1, p2, p3, p4) : ๋ฒ ์ง์ด ๊ณก์ 1~5๊น์ง ๋ชจ๋ ๋ฒ ์ง์ด ๊ณก์ .. 2022. 1. 14. ์ด์ 1 ๋ค์ ๋ฐ์ํ
