์ง๊ทธ๋ฌ์1 CSS ์ ๋๋ฉ์ด์ ๋ง๋ค๊ธฐ : ๋ง์ฐ์ค๋ฅผ ๋ฐ๋ผ๊ฐ๋ ๋์ CSS ์ ๋๋ฉ์ด์ : ๋ง์ฐ์ค๋ฅผ ๋ฐ๋ผ๊ฐ๋ ๋์ ์ค๋์ ๋ง์ฐ์ค๋ฅผ ๋ฐ๋ผ ๋์์ด ๋น๊ธ๋น๊ธ ๋์๊ฐ๋ ์ ๋๋ฉ์ด์ ์ ๋ง๋ค์ด ๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค. ์์ ํด๋ณผ ์ ๋๋ฉ์ด์ ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค. See the Pen eye by mj0614k (@mj0614k) on CodePen. 1. HTML ์์ค EYE wrapper ์์ card, card ์์ me์ text, me ์์ eye ํด๋์ค๋ฅผ ๊ฐ์ง div ๋ฐ์ค๋ฅผ ๋ง๋ค์ด ์ค๋๋ค. text๋ ์์ ๋กญ๊ฒ ์์ฑํฉ๋๋ค. 2. CSS ์์ค * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; overflow: hidden; } .wrapper { position: absolute; left: 50%.. 2022. 9. 26. ์ด์ 1 ๋ค์ 728x90 ๋ฐ์ํ
