纯css照片动态效果

纯 CSS 照片动态效果可以通过 CSS 的一些属性和技巧来实现，以下是一些常见的动态效果：

1. 鼠标悬停放大：使用 CSS 的 `transform` 属性，设置 `scale` 值即可实现。例如：

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

2. 点击翻转：使用 CSS 的 `transform` 属性，设置 `rotateY` 或 `rotateX` 值即可实现。例如：

img:active {
  transform: rotateY(180deg);
}

3. 图片展示动画：使用 CSS 的 `transition` 属性，设置过渡时间和效果即可实现。例如：

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

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

4. 图片滑动切换：使用 CSS 的 `transform` 和 `transition` 属性，设置 `translateX` 或 `translateY` 值即可实现。例如：

.container {
  display: flex;
  overflow-x: scroll;
}

img {
  margin-right: 10px;
  transition: transform 0.5s ease-in-out;
}

img:hover {
  transform: translateX(20px);
}

以上只是一些简单的示例，实际上还有很多不同的动态效果可以通过纯 CSS 实现。