css中怎样让图片动 |如何设置css选择器

/* 实现通过:hover使图片产生缩放动画 */
img:hover{
transform: scale(1.2); /* 图片放大1.2倍 */
transition: transform .5s; /* 过渡效果持续0.5秒 */
}
/* 实现通过keyframes让图片做环形旋转动画 */
@keyframes circle {
0% { transform: rotate(0deg); }  /* 旋转角度为0度 */
100% { transform: rotate(360deg); } /* 旋转角度为360度，即一圈 */
}
img{
animation: circle 2s infinite linear; /* 持续2秒，重复执行，线性过渡 */
}
/* 实现通过hover让图片做闪烁动画 */
img:hover{
animation: blink 1s linear infinite; /* 持续1秒，无限重复执行，线性过渡 */
}
/* 设置图片动画 */
@keyframes blink {
from, to { opacity: 1; }
50% { opacity: 0; } /* 透明度为0，闪烁效果 */
}

以上是实现图片动画的几种CSS技巧，可以根据实际需要进行调整。通过CSS动画可以丰富网页的内容，给用户带来更好的交互体验。