利用css3实现兔斯基动画效果
css3实现兔斯基动画效果：
图片是从网上找的，有的地方会有动作残留。
html代码：
<div id="warp"></div>
css样式如下：
#warp{position: absolute;top: 50%;left:50%;transform: translate3d(-50%,-50%,0);background: url(img/tsj.png);background-position: 0 0;width: 165px;height: 200px;animation: move 1s infinite steps(7,end);
}
@keyframes move {from{background-position: 0 0;}to{background-position: -1152px 0;}
}
利用动画效果，挪动位置，创建关键帧，轻轻松松让图片动起来，一起来试试吧。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！