box-shadow : {h-shadow} {v-shadow} {blur} {spread} {color} {inset} / none
| Property | Description |
|---|---|
| h-shadow | 그림자의 수평(x)축 거리를 나타냅니다. |
| v-shadow | 그림자의 수평(y)축 거리를 나타냅니다. |
| blur | 그림자의 흐림정도 나타냅니다. |
| spread | 그림자의 거리를 나타냅니다. |
| color | 그림자의 색을 나타냅니다. |
| inset | 그림자의 요소 내부에 나타냅니다. |
See the Pen Collection of Button Hover Effects by David Conner (@davidicus) on CodePen.
See the Pen Loader with box-shadow animation by Erik Wiedeman (@green-plastic) on CodePen.
See the Pen Again a box-shadow loader kind of thing.. by Unmesh Shukla (@unmeshpro) on CodePen.
See the Pen Blurry Loader by Nathaniel Watson (@nw) on CodePen.