본문 바로가기
SKIN & CSS

박스에 그림자가 넣기

글: 논어일기 2023. 7. 1.
반응형

 박스에 넣는 테두리는 간결한 것을 좋아한다. 하지만 때로는 박스에 그림자를 넣어 돋보이게 하고 싶을 때도 있다. 박스에 그림자를 만드는 생성기도 여러 가지가 있으므로 골라서 쓰면 된다. 그것도 귀찮을 때는 아예 진열되어 있는 곳에서 바로 복사해서 가져다 쓰면 좋다.

<div style="box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;margin:20px 30px;"></div>

https://getcssscan.com/css-box-shadow-examples

 

CSS Scan - The fastest and easiest way to check and copy CSS

Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

getcssscan.com

 

반응형