[css] box-shadow

사용법

{
	box-shadow: right bottom blur color;
	box-shadow: right bottom blur spread color;
}

HTML

<div class="box-shadow-right">box-shadow, right</div>
<div class="box-shadow-bottom">box-shadow, bottom</div>
<div class="box-shadow-top">box-shadow, top</div>
<div class="box-shadow-left">box-shadow, left</div>
<div class="box-shadow-right-bottom">box-shadow, right-bottom</div>
<div class="box-shadow-blur">box-shadow, blur</div>
<div class="box-shadow-spread">box-shadow, spread</div>

CSS

.box-shadow-right {
    box-shadow: 5px 0 gray;
}
.box-shadow-bottom {
    box-shadow: 0 5px gray;
}
.box-shadow-top {
    box-shadow: 0 -5px gray;
}
.box-shadow-left {
    box-shadow: -5px 0 gray;
}
.box-shadow-right-bottom {
    box-shadow: 5px 5px gray;
}
.box-shadow-blur {
    box-shadow: 5px 5px 2px gray;
}
.box-shadow-spread {
    box-shadow: 0 0 0 5px gray;
}