css实现图片动画效果代码

CSS可以实现丰富多彩的动画效果，其中包括图片动画效果，下面是实现图片动画效果的代码：

img {
  transition: all 0.5s ease-in-out; /* 设置过渡时间以及过渡函数 */
}

img:hover {
  transform: scale(1.2); /* 设置 hover 时的效果 */
}

以上代码实现了鼠标悬停时图片放大的效果，其中，transition属性指定了过渡时间及过渡函数，这里的时间设为了0.5秒，而过渡函数设为了ease-in-out，即快速开始、缓慢结束。另一方面，transform属性可以用于将元素进行缩放、旋转、平移、倾斜等操作，在这里使用了scale函数对图片进行了放大，数值为1.2。而:hover选择器则代表当鼠标悬停在<img>元素上时的相应效果。

除了以上代码，CSS还支持许多其他的图片动画效果，可以通过不同的属性及数值进行设置来实现，极大地丰富了页面的交互性与美观性。