transition - upswp/THXSTORE GitHub Wiki

transition tag

  • element enter, leave์— ๋”ฐ๋ผ์„œ ์ ์šฉํ•  ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋˜๋Š” ํŠธ๋žœ์ง€์…˜์„ ๊ฑธ ๋•Œ ์‚ฌ์šฉ

transition ๋ช…๋ น์–ด

  • transition tag์™€๋Š” ๋‹ค๋ฅด๊ฒŒ ์–ด๋–ค css ์š”์†Œ์˜ ๋ณ€ํ™”๋ฅผ ๊ฐ์ง€ํ•˜๊ณ  duration๊ณผ accelator๋“ฑ์— ๋ณ€ํ™”๋ฅผ ์ค„ ์ˆ˜ ์žˆ์Œ

์ด์Šˆ

  • ์–ด๋–ค ์ปดํฌ๋„ŒํŠธ์— transition tag๋กœ ๋ž˜ํ•‘์„ ํ•ด๋‘” ์ƒํ™ฉ์—์„œ ํ•ด๋‹น ์ปดํฌ๋„ŒํŠธ์— ์ง์ ‘์ ์œผ๋กœ transition์„ ๊ฑธ์–ด๋‘๋ฉด transition ํƒœ๊ทธ์— ๊ฑธ์–ด๋‘” ๊ธฐ๋Šฅ๋“ค์ด ์ž‘๋™ํ•˜์ง€ ์•Š๊ฒŒ๋œ๋‹ค. ์ด ๊ฒฝ์šฐ์—๋Š” ์–ด์ฉ” ์ˆ˜ ์—†์ด transition css ๋ช…๋ น์–ด์˜ ๋Œ€์ƒ์„ all๋กœ ํ•ด๋‘ฌ์•ผ ๋ชจ๋‘ ๋™์ž‘ํ•˜๊ฒŒ ๋œ๋‹ค.