[分享]css3按按钮特效

CSS3是网页制作中比较常用的技术之一，可以通过CSS3实现各种酷炫的效果，比如按钮特效。

.button{
    background-color: #f1c40f;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    font-size: 20px;
    margin: 10px;
    cursor: pointer;

    /* 点击后的效果 */
    transition-duration: 0.4s;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.button:hover{
    background-color: #e67e22;
}

.button:active{
    background-color: #d35400;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
} 

上面的代码就是一个简单的CSS3按钮特效代码，里面用到了一些CSS3的属性，比如 transition-duration、box-shadow 和 transform 等。

通过这些属性，我们可以实现点击后按钮有一个下沉的效果，使得按钮在视觉上更有层次感。同时，当鼠标悬浮在按钮上时，按钮的颜色也会有变化，让网页更加动态。

总之，CSS3提供了很多非常有趣的效果，让我们在网页制作中更加灵活和创意。