CSS3 box-Shadow
ยท
Before. 2021
5๊ฐœ์˜ ๋Œ€ํ‘œ ๋ธŒ๋ผ์šฐ์ € ๋ชจ๋‘๊ฐ€ ๊ทธ๋ฆผ์ž ํšจ๊ณผ๋ฅผ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. ๋‹จ Internet Explorer ๊ฐ™์€ ๊ฒฝ์šฐ๋Š” ๊ทธ๋ฆผ์ž ํšจ๊ณผ๊ฐ€ ํƒ€ ๋ธŒ๋ผ์šฐ์ €์™€์ฐจ์ด๊ฐ€ ๋‚  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค..example-div {width: 460px;background-color: #696969;color: #FFF;font: 30px 'Myriad Pro';text-align: center;padding: 20px;border-radius: 20px;box-shadow: -3px 3px 10px 0 #CCC; /* (inset) x-position y-position size spread color */}๊ทธ๋ฆผ์ž ํšจ๊ณผ๋ฅผ ์ฃผ๋ ค๋ฉด box-shadow ์†์„ฑ์„ ์ž…๋ ฅํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์•„๊นŒ๋„ ๋งํ–ˆ๋“ฏ์ด ๋ชจ๋ฐ”์ผ ๋ธŒ๋ผ์šฐ์ €๋Š” ์ด ์†์„ฑ์„ ์ง€์›ํ•˜์ง€ ์•Š์„ ์ˆ˜๋„ ์žˆ์œผ๋ฏ€๋กœ ๋ธŒ๋ผ์šฐ์ €..