๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
CSS๐Ÿ”ง/๋ฐ˜์‘ํ˜•

transition: transform ๋ฐ˜์‘ํ˜•์—์„œ font์‚ฌ์ด์ฆˆ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๊ฑธ๋ฆด๋–„

by hyojinny 2022. 12. 2.
ํฐํŠธ์— transition: all ์„ ์„ค์ •ํ•  ๊ฒฝ์šฐ 
PC > ํƒ€๋ธ”๋žซ ๋ชจ๋ฐ”์ผ๋กœ ์ค„์–ด๋“ค๋•Œ ์• ๋‹ˆ๋ฉ”์ด์…˜์ด ๊ฑธ๋ ค ๋งŽ์ด ๋А๋ฆฐ์•ก์…˜์œผ๋กœ ์ค„์–ด๋“ ๋‹ค.
transition: all 0.7s; 

์›์น˜์•Š๋Š”๋‹ค๋ฉด 

  transition: transform 0.7s, opacity 0.7s;
 
all ๋Œ€์‹  ๊ฐœ๋ณ„์†์„ฑ์„ ๋ถ€์—ฌํ•œ๋‹ค.

 

๋Œ“๊ธ€