ํ ์คํธ๋ ์์์ ๊ทธ๋ฆผ์(Shadow) ํจ๊ณผ๋ฅผ ๋ถ์ฌํ๋ ํ๋กํผํฐ์ด๋ค.
๐จ ์ข ๋ฅ
๐ ์ฐธ๊ณ ์๋ฃ
MDN text-shadow
W3SCHOOLS CSS text-shadow Property
CODINGFACTORY text-shadow
ํ ์คํธ์ ๊ทธ๋ฆผ์๋ฅผ ์ถ๊ฐํ๋ CSS ์์ฑ์ด๋ค.
๊ฐ ๊ทธ๋ฆผ์๋ ์์, ํ๋ฆผ ๋ฐ๊ฒฝ ๋ฐ ์์์ X ๋ฐ Y ์คํ์ ์กฐํฉ์ผ๋ก ์ค๋ช ๋๋ค.
๐ ๊ตฌ๋ฌธ
๐ ์ฐธ๊ณ ์๋ฃ
poiemaweb CSS3 Shadow
MDN inherit
MDN initial
MDN unset
text-shadow: Horizontal-offset Vertical-offset Blur-Radius Shadow-Color
/* Global values */
text-shadow: inherit;
text-shadow: initial;
text-shadow: unset;
๐ ์ฐธ๊ณ ์๋ฃ
MDN box-shadow
W3SCHOOLS CSS Box Shadow
CODINGFACTORY box-shadow
์์์ ํ ๋๋ฆฌ์ ๊ทธ๋ฆผ์ ํจ๊ณผ๋ฅผ ์ถ๊ฐํ๋ CSS ์์ฑ์ด๋ค.
๋ฐ์ค ๊ทธ๋ฆผ์๋ ์์์์์ ์ํ์์ง ๊ฑฐ๋ฆฌ(์คํ์ ), ํ๋ฆฟํจ๊ณผ ํ์ฐ ์ ๋, ์์์ผ๋ก ์ด๋ฃจ์ด์ง๋ค.
๐ ๊ตฌ๋ฌธ
๐ ์ฐธ๊ณ ์๋ฃ
poiemaweb CSS3 Shadow
box-shadow: Inset Horizontal-offset Vertical-offset Blur-Radius Spread Shadow-Color
/* Global keywords */
box-shadow: inherit;
box-shadow: initial;
box-shadow: unset;