running (๊ธฐ๋ณธ๊ฐ) paused; (๋ฉ์ถค)
none; forwards backwards both
๋์์๋ถํฐ ์ด์ด์ ๋ค์ ์ญ์ ๋ฐ๋ณต
No-Library (pure JS), HTML, CSS, JavaScript
transition-timing-function:ease; (๊ธฐ๋ณธ๊ฐ) transition-timing-function: linear / ease-in;
0๋ณด๋ค ํฐ๊ฑธ ๋ฃ์ด์ค์ผํจ ms๋จ์ 1000ms = 1s
transition: all Os ease Os; (๊ธฐ๋ณธ๊ฐ) transition:property duration timing-funcs delay ์ ์ดํจ๊ณผ์ ์ฌ๋ฌ ์ธ๋ถ ์์ฑ์ ํ๋ฒ๋น ์ ์ฉํ๋ ์ถ์ํ ์์ฑ ์ธ๋ถ ์์ฑ์ ๊ฐ์ ์ฝค๋ง(,)๋ก ๊ตฌ๋ถํด ์ง์ ํ๋ฉฐ ์๋ต๋ ๊ฒฝ์ฐ์๋ ํด๋น์ธ๋ถ ์์ฑ์ ๊น๋ณธ๊ฐ์ผ๋ก ์ฒ๋ฆฌ
์์ ์ ํฌ๊ธฐ๋ฅผ ๊ธฐ์ค์ผ๋ก ๋ณํ์ด ์๊ธฐ๋ ๊ธฐ์ค์ ์ ์ง์ transform-origin: 50%50%0; (๊ธฐ๋ณธ๊ฐ) transform-origin:X-axis Y-axis Z-axis;
2D๋ณํ ํจ๊ณผ๋ฅผ ์ ์ฉ 3D๋ ์ง์ํจ (์๋ฒฝํ์ง ์์)