IT/HTML&CSS

[CSS]css ๋ณ€ํ˜•(transform) & ํŠธ๋žœ์ง€์…˜(transition)

์•Œ ์ˆ˜ ์—†๋Š” ์‚ฌ์šฉ์ž 2022. 11. 30.

๋ชฉ์ฐจ

    ๋ณ€ํ˜•(transform) & ํŠธ๋žœ์ง€์…˜(transition)

    ex) ๋งˆ์šฐ์Šค๋ฅผ ์š”์†Œ ์œ„๋กœ ๊ฐ€์ ธ๊ฐˆ ๊ฒฝ์šฐ ํšŒ์ „ํ•˜๊ฒŒ ํ•˜๋Š” ๋“ฑ์˜ ํšจ๊ณผ

    ์ด ๊ฒฝ์šฐ ์š”์†Œ์œ„๋กœ ๋งˆ์šฐ์Šค๋ฅผ ๊ฐ€์ ธ๊ฐˆ ๊ฒฝ์šฐ ๋ฐ”๋กœ ํšŒ์ „ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํˆฌ๋ฐ•์Šค๋Ÿฌ์›€
    ์œ„์˜ ์ด๋ฏธ์ง€๋ฅผ ์ข€ ๋” ๋ถ€๋“œ๋Ÿฌ์šด ์—๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ๋ฅผ ์ฃผ๊ธฐ์œ„ํ•ด์„œ ์•„๋ž˜์™€ ๊ฐ™์ด ํŠธ๋žœ์ง€์…˜ ์ ์šฉ

    ์ถœ์ฒ˜ :

    https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms#%ED%9A%8C%EC%A0%84

    ๋Œ“๊ธ€