CSS 박스 섀도우 생성기
직관적인 시각적 편집기로 아름다운 박스 섀도우를 만듭니다. 여러 섀도우를 쌓고, 프리셋을 사용하고, 모든 속성을 사용자 정의합니다.
Shadow 1
box-shadow: 0px 4px 15px 0px rgba(0,212,255,0.3);
CSS Box Shadow - 기술 세부 정보
The box-shadow CSS property adds shadow effects around an element's frame. You can set multiple shadow effects separated by commas. Each shadow is described by X and Y offsets, blur and spread radii, and color.
명령줄 대안
/* Single shadow */\nbox-shadow: 0px 4px 15px rgba(0,0,0,0.2);\n\n/* Multiple shadows */\nbox-shadow: 0px 4px 6px rgba(0,0,0,0.1), 0px 2px 4px rgba(0,0,0,0.06);\n\n/* Inset shadow */\nbox-shadow: inset 0px 2px 4px rgba(0,0,0,0.25);