css3图片过渡动画效果

CSS3提供了许多图片过渡动画效果，以下是其中的一些：

1. 淡入淡出效果：

img {
  transition: opacity 0.5s ease-in-out;
}

img:hover {
  opacity: 0.5;
}

2. 缩放效果：

img {
  transition: transform 0.5s ease-in-out;
}

img:hover {
  transform: scale(1.2);
}

3. 旋转效果：

img {
  transition: transform 0.5s ease-in-out;
}

img:hover {
  transform: rotate(180deg);
}

4. 上下移动效果：

img {
  transition: transform 0.5s ease-in-out;
}

img:hover {
  transform: translateY(-20px);
}

以上代码可以应用于任何具有可见性的元素，不仅仅是图片。