3D1 CSS ์ ๋๋ฉ์ด์ ๋ง๋ค๊ธฐ : 3D ๋ฐ์ค ์ ๋๋ฉ์ด์ CSS ์ ๋๋ฉ์ด์ : 3D ๋ฐ์ค ์ ๋๋ฉ์ด์ ์ค๋์ ์์ง์ด๋ฉด์ ํฌ๊ธฐ๊ฐ ๋ณํ๋๋ 3D ๋ฐ์ค๋ฅผ ๋ง๋ค์ด ๋ณด๊ฒ ์ต๋๋ค. ์์ ํด๋ณผ ์ ๋๋ฉ์ด์ ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค. See the Pen Untitled by mj0614k (@mj0614k) on CodePen. 1. HTML ์์ค ์๋ฆ cube class๋ฅผ ๊ฐ์ง div ๋ฐ์ค๋ฅผ ํ๋ ๋ง๋ค์ด ์ฃผ๊ณ , ๊ทธ ์์ div ๋ฐ์ค 6๊ฐ๋ฅผ ์์ ํด ์ค๋๋ค. div ๋ฐ์ค 6๊ฐ๋ ์ ์ก๋ฉด์ฒด์ ๊ฐ๊ฐ์ ๋ฉด์ ๋๋ค. ์ํ๋ ๋ฌธ๊ตฌ๋ฅผ ์์ฑํ๋ฉด ๋ฉ๋๋ค. 2. CSS ์์ค body { background-color: lavender; height: 100vh; perspective: 1000px; display: flex; align-items: center; justify-content: center; .. 2022. 9. 22. ์ด์ 1 ๋ค์ 728x90 ๋ฐ์ํ
