[分享]css3悬停效果属性样式

CSS3的悬停效果是网页设计中常用的一个技巧，可以让页面更加生动、有趣。以下是几种常用悬停效果属性样式。

a:hover {
   color: red;
   text-decoration: underline;
} 

上述代码表示当鼠标悬停在链接上时，文字会变成红色并且下划线出现。

a:hover img {
   opacity: 0.5;
} 

上述代码表示当鼠标悬停在链接上时，链接内的图片透明度会变成50%。

div:hover {
   background-color: grey;
   transform: scale(1.2);
} 

上述代码表示当鼠标悬停在div元素上时，背景颜色会变成灰色并且元素会放大1.2倍。

通过使用CSS3的悬停效果属性样式，我们可以创造出更加丰富的网页效果，增强用户体验。