代码改变世界

鼠标移入给图片添加向左移动的动画

2019-04-11 11:28  营养快线1  阅读(816)  评论(0编辑  收藏  举报

在样式里加个transform动画,展示效果为鼠标移到图片上,图片向左移动10px,鼠标移出,图片还原到原来位置

.select img {
    width: 230px;
    height: 100px;
    transition: all 300ms ease;
}
.select img:hover {
    transform: translate(-10px, 0px);
}