๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

transition-timing-function1

[CSS] ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ฃผ๊ธฐ, cubic-bezier ์ž์—ฐ์Šค๋Ÿฌ์šด ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ์ฃผ๊ธฐ ์œ„ํ•ด ๋ฐฉ๋ฒ•์„ ๋ชจ์ƒ‰ํ•˜๋˜ ์ค‘ cubic-bezier์ด๋ผ๋Š” ๊ฐœ๋…์„ ๋ฐœ๊ฒฌํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ๊ทธ์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ๋‹ด์€ ๋งŽ์€ ํฌ์ŠคํŒ… ๊ฐ€์šด๋ฐ์— ๋ณธ์ธ ๊ธฐ์ค€์œผ๋กœ ํ•˜์—ฌ ๊ฐ€์žฅ ์ดํ•ด๊ฐ€ ์‰ฌ์› ๋˜ ๊ฒŒ์‹œ๊ธ€์„ ์•„๋ž˜ ์ฐธ์กฐํ•˜์˜€๋‹ค. https://kutar37.tistory.com/entry/CSS-cubic-bezier%EB%9E%80 CSS : cubic-bezier๋ž€? cubic-bezier๋ž€?cubic-bezier() function์€ CSS์—์„œ transition ์†์„ฑ ํ˜น์€ transition-timing-function ์†์„ฑ์—์„œ ์ „ํ™˜ ์‹œ์ž‘๊ณผ ๋๊นŒ์ง€์˜ ํšจ๊ณผ๋ฅผ ์ œ์–ดํ•˜๋Š”๋ฐ ์“ฐ์ธ๋‹ค. #target{transition: all 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75);}Colo ku.. 2023. 3. 13.
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”