css如何让照片动态 |css宫格

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

上面这段代码可以让图片在鼠标悬停时旋转360度。除了旋转，CSS还可以实现其他动态效果。

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

上面这段代码可以让图片在鼠标悬停时放大1.5倍。

img{
transition: all 1s ease-in-out;
}

这段代码是设置图片的动画过渡效果，让变化更加平滑自然。

除了以上的代码，还可以通过CSS实现图片的平移、摆动、透明度变化等动态效果。

总之，CSS可以让照片动态化，不仅能提高网站的交互性，还可以更好地吸引用户的注意力，让网站更加生动有趣。