css3hover平滑

CSS3中提供了一种很酷的效果——hover效果。使用hover，你可以轻松的给网页添加一些简单的马赛克，动态的效果等等。而且，在CSS3中还有一个名为transition的属性，可以增加平滑的过渡效果。

/*  在CSS3中使hover平滑的过渡效果 */
/* 首先在样式表中添加hover的CSS样式 */
a:hover {
color: #F00;
font-weight: bold;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
/* 接下来就可以看到我们的hover效果被添加到了文本链接上 */ 这是一个文本链接 

在代码中，我们用了一个transition属性，其作用是让hover效果更加平滑。在这个例子中，我们将属性设置为all，意思是所有变化都将具有相同的过渡效果。使用ease-in-out参数意思是过渡效果将开始缓慢，然后取得速度，在结束的时候再次缓慢。最后，我们将过渡时间设置为0.2秒，这样用户不会感到被拖延。

所以，CSS3 hover平滑的过渡效果可以让你的网站看起来更加专业，并且增加了视觉上舒适的效果。这种效果可以被用来制作动画，这是在CSS3中非常流行的技术之一。

查看更多关于css3hover平滑的详细内容...