3D Button

쉬움

입체감 있는 3D 깊이 효과 버튼

#hover#css-only#3d

라이브 데모

코드

buttons.css
.three-d-button {
  box-shadow: 0 4px 0 rgba(107, 70, 193, 1), 0 8px 12px rgba(0, 0, 0, 0.3);
}
.three-d-button:active {
  top: 4px;
  box-shadow: 0 0 0 rgba(107, 70, 193, 1);
}