๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

css box-shadow1

CSS3 shadows ๊ทธ๋ฆผ์žํšจ๊ณผ CSS3๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ…์ŠคํŠธ์™€ ์š”์†Œ์— ๊ทธ๋ฆผ์ž๋ฅผ ์ค„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” CSS๋Š” ํ…์ŠคํŠธ์™€ ๋ฐ•์Šค ์‰๋„์šฐ ๋‘๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹คtext-shadowbox-shadow text-shadow๋Š” ํ…์ŠคํŠธ์— ๊ทธ๋ฆผ์ž๋ฅผ ์ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์ˆ˜ํ‰ 2px๊ณผ ์ˆ˜์ง 2px๋กœ ๊ฐ€์žฅ ์‰ฝ๊ฒŒ ์ ์šฉํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. SHADOW EFFECTtext-shadow: 2px 2px;์ˆ˜์ง๊ณผ ์ˆ˜ํ‰์˜ ์‰๋„์šฐ๋Š” ์•„์‹œ๊ฒ ์ฃ ? SHADOW EFFECTtext-shadow: 2px 2px blue; ์‰๋„์šฐ์˜ ์ปฌ๋Ÿฌ๋Š” ์ˆ˜์ง์ˆ˜ํ‰ ๋’ค์— ์ ์–ด์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค. SHADOW EFFECTtext-shadow: 2px 2px 5px blue; ์ˆ˜์ง ์ˆ˜ํ‰๋’ค์— ์‰๋„์šฐ์— ํ๋ฆผ ํšจ๊ณผ๋ฅผ ์ถ”๊ฐ€ํ•ด์ค๋‹ˆ๋‹ค. SHADOW EFFECTtext-shadow: 0px 0px 5px #0874c6; .. 2017. 8. 30.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”