css3 图片显示动画

CSS3 是一种前端技术，它可以使网站显得更为生动、丰富和引人注目。其中，CSS3 动画效果尤其受到设计师的青睐，通过一些简单的代码即可实现惊艳的图片显示动画。

/* 图片放大缩小动画 */
img:hover {
    transform: scale(1.5);
    transition: all 0.3s ease;
}

/* 图片悬停翻转动画 */
img:hover {
    transform: rotateY(180deg);
    transition: all 0.3s ease;
}

/* 图片旋转动画 */
img:hover {
    transform: rotate(360deg);
    transition: all 0.3s ease;
}

以上代码分别实现了图片放大、缩小、悬停翻转、旋转等不同的动画效果。其中，transform 属性允许我们对元素进行旋转、缩放、移动或倾斜等变换操作，transition 属性可以控制元素的过渡效果，让它显得更平滑自然。

需要注意的是，CSS3 动画效果还有许多其他的实现方式，例如利用 @keyframes 规则来定义动画序列，或是使用 JavaScript 触发动画事件等等。因此，我们需要根据具体情况选取最适合的方案，才能让图片显示动画达到最佳的效果。