<首段/介绍>CSS（Cascading Style Sheets）是网页设计中不可或缺的样式表语言。而在CSS3中，增加了更多关于图片悬停效果的代码，使得网页更加有趣和吸引人。在本篇文章中，我将会为大家介绍一些常见的CSS3图片悬停效果代码。
<第二段/简单效果>最常见的CSS3图片悬停效果就是图片放大或缩小。如果想要实现这一效果，我们可以采用以下的CSS3代码:

img:hover {

transform: scale(1.2); /*放大1.2倍，其中1为正常尺寸*/

}

这段代码是说，在鼠标放在图片上时，将会将图片放大1.2倍。如果想要实现缩小的效果，只需要将scale(1.2)改为scale(0.8)即可。
<第三段/悬停渐变>除了放大和缩小，我们也可以通过CSS3代码实现悬停渐变的效果。例如，我们可以将一张图片的背景渐变为另一种颜色，代码如下：

img:hover {

background: linear-gradient(rgba(0,0,0,0.5), rgba(255,255,255,0.5));

}

这段代码是说，在鼠标放在图片上时，将会将图片背景从黑色到白色进行线性渐变的过程。其中rgba(0,0,0,0.5)表示黑色半透明，rgba(255,255,255,0.5)表示白色半透明。
<第四段/悬停旋转>如果想要实现悬停时图片旋转的效果，我们可以这样写代码：

img:hover {

transform: rotate(360deg);

这段代码是说，在鼠标放在图片上时，将会将图片绕着中心点顺时针旋转360度。
<结尾>以上只是许多CSS3图片悬停效果中的几种。如果你想要实现更多其他的效果，也是可以通过继续学习CSS3中更加丰富的效果代码来实现的。希望以上的代码和教程能对你有所帮助！