css3鼠标滑过代码 |css好看的下拉框

/* 图片放大效果 */
img {
transition: all .2s ease-in-out;
}
img:hover {
transform: scale(1.1);
}
/* 文字颜色变化效果 */
p {
color: blue;
transition: all .2s ease-in-out;
}
p:hover {
color: red;
}
/* 背景颜色渐变效果 */
button {
background-color: #f44336;
transition: background-color .2s ease-in-out;
}
button:hover {
background-color: #e53935;
}
/* 边框颜色渐变效果 */
a {
border: 2px solid #f44336;
transition: border .2s ease-in-out;
}
a:hover {
border: 2px solid #e53935;
}

以上代码中，transition属性指定了CSS属性的过渡效果。它接受三个参数，分别是过渡属性名称、过渡时间和过渡函数。

transform属性用于平移、旋转、缩放等变换效果。

通过应用这些CSS3鼠标滑过效果，可以使网站更加有趣动感，提升用户的体验感。