css3用户界面特性 |css鼠标移上去图片变暗

/*圆角*/
border-radius: 10px;
/*阴影*/
box-shadow: 5px 5px 10px #888888;
/*渐变*/
background: linear-gradient(to bottom, #FF00FF, #FFFF00);
/*过渡（动态变化）*/
transition: width 2s;
/*动画*/
animation: move 2s;
@keyframes move {
from {
transform: translateX(0);
}
to {
transform: translateX(300px);
}
}

通过使用这些特性，大家可以使网页更加美观、友好，更好地吸引用户。其中，圆角能够使元素的边角变得更加流畅，不再是尖锐的直角；阴影效果可以让元素具有更加逼真、贴近的效果，使得网页看起来更加舒适；渐变则可以给元素添加炫丽、动态的颜色变化；过渡和动画可以让元素的变化更加自然、平滑，更容易被用户接受。

使用CSS3的UI特性可以使得网页设计更加生动、有趣，从而更好地满足用户的需求。而随着技术的不断发展，大家相信CSS3将会给网页UI设计带来更多的革新和突破。