그림자 단추

그림자 버튼 마우스를 올리면 그림자가납니다.

이 box-shadow속성을 사용하여 단추에 그림자를 추가 하십시오 .

 

예

.button1 {

    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

.button2:hover {

    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

}