ํ๋ก์ ํธ๋ฅผ ๋ง๋ค๋ฉด์ ์์ฃผ ์ฐ์๋ CSS ์์ฑ๋ค์ ์ ๋ฆฌํด ๋ณด์์ต๋๋ค. ๐ 1. ์ปค์๊ฐ ์์ ์์ ์์ ๋ ์์ฑ๊ฐ ๋ณ๊ฒฝ ์นํ์ด์ง๋ฅผ ์ด์ฉํ ๋ ์ฌ์ฉ์๊ฐ ํ์ฌ ์ด๋ค ์์๋ฅผ ๋ฐ๋ผ๋ณด๊ณ ์๋์ง ์ ์ ์๋๋ก ํ๋ ๊ฒ์ UX(์ฌ์ฉ์ ์ธํฐ๋ ์ )์์ ์ค์ํ ๋ถ๋ถ์ ๋๋ค. ์ฌ์ฉ์์ ์ปค์๊ฐ ํ ์คํธ, ๋ฒํผ, ๋งํฌ ๋ฑ์ ๊ฐ๋ฆฌํฌ ๋ ์์์ ๋ค๋ฅด๊ฒ ์ง์ ํด ์ค๋ค๋ ์ง, ํฌ๊ธฐ๊ฐ ์ปค์ง๋๋ก ํ๋ค๋ ์ง ๋ฑ ๋ณํ๋ฅผ ์ฃผ๋ฉด ์ฌ์ฉ์์ ์นํ์ด์ง ์ด์ฉ์ ๋ํ ๋ง์กฑ๊ฐ์ ๋์ผ ์ ์์ต๋๋ค. :hover :hover CSS ์์ฌ ํด๋์ค๋ ์ฌ์ฉ์๊ฐ ํฌ์ธํ ์ฅ์น๋ฅผ ์ฌ์ฉํด ์ํธ์์ฉ ์ค์ธ ์์๋ฅผ ์ ํํฉ๋๋ค. ๋ณดํต ์ฌ์ฉ์์ ์ปค์(๋ง์ฐ์ค ํฌ์ธํฐ)๊ฐ ์์ ์์ ์ฌ๋ผ๊ฐ ์์ผ๋ฉด ์ ํ๋ฉ๋๋ค. ๐ ์์ button { color: black; transition: color .5s..