css3鼠标滑过按钮特效

CSS3鼠标滑过按钮特效是一种非常炫酷的网页设计技术，可以让按钮在鼠标滑过时出现不同的效果，增强了网页的交互性和视觉效果，吸引了用户的注意力。

.btn{
    padding: 10px 20px;
    background-color: #2196f3;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.btn:hover{
    background-color: white;
    color: #2196f3;
    border: 1px solid #2196f3;
}

代码中，我们创建了一个按钮类".btn"，设置了按钮的样式包括背景颜色、字体颜色、边框等。同时，我们使用了CSS3中的过渡（transition）属性，让按钮的样式在0.3秒内进行平滑的过渡。

当鼠标滑过按钮时，我们使用:hover伪类选择器，对按钮的样式进行了修改，包括将背景颜色设置为白色，字体颜色设置为蓝色，边框设置为1像素的蓝色实线。这样，在鼠标滑过时，按钮就会变得更加醒目，吸引用户的眼球。

总体来说，CSS3鼠标滑过按钮特效是一种非常实用的网页设计技术，可以在不增加网页负担的前提下，提高网页的交互性和视觉效果，有利于吸引用户的关注和提高网站的用户体验。