CSS中可以通过设置图片的position属性来让图片左右点动。首先,我们需要将图片的position属性设为“relative”,并固定图片的宽度和高度。img { position: relati
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); }
粉丝
0
关注
0
收藏
0