css中怎么设计图片左右点动

CSS中可以通过设置图片的position属性来让图片左右点动。首先，我们需要将图片的position属性设为“relative”，并固定图片的宽度和高度。

img {
  position: relative;
  width: 100px;
  height: 100px;
} 

然后，在图片的hover状态下，通过设置left和right属性，来让图片左右移动。

img:hover {
  left: 50px;
}

img:hover {
  right: 50px;
} 

通过设置不同的left和right属性值，可以让图片向不同方向进行移动。同时，我们可以添加过渡效果来增强图片的动态效果。

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

最后，我们可以使用CSS3的transform属性来添加旋转、缩放等动效。

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