3d按钮实现

以上的效果都来自于css3
废话不多说，代码如下

点击查看代码

div{
      width:100px;
      height: 40px;
      background-color: #1a5bd4;
      position: absolute;
      left:300px;
      top:200px;
      border-radius: 8px;
      line-height: 40px;
      color:#fff;
      text-align: center;
      letter-spacing: 2px;
      box-shadow: 0px 5px #ddd;
    }
    div:hover{
      cursor: pointer;
      background-color: #0f4bd6;
    }
    div:active{
      box-shadow: 0px 3px #ccc;
      transform: translateY(2px);
    }