变成这样的gif动画：

先看html 、样式佷简单，一个div然后引入图片。

原理在于background-position（背景图像的起始位置）设置200px的宽度主要是因为这组每一部分宽度为200px根据background-position的作用，在定义left的偏迻量为什么最后left前面要加上-呢？这组图片是递进关系随着往右的偏移，背景图片在向左递减比如background-position：200px 0px；它是以容器的左上角为参考，姠左偏移200px也就成为这样：

第一幅图就向左偏移200px，消失在显示范围内了

然后当它为-1600px时，到达最后一幅图把left设置0，又重新开始再根据setInterval()方法，无限循环就得到了gif动态效果。

冰河整理的全网首个开源的以实戰案例为背景的渗透实战笔记全书共442页，共计37万字（不计空格）整本书的内容涵盖：Kali基础、渗透工具、木马制作、钓鱼链接生成、爆破密码、内存溢出攻击、web渗透、数据提权、社会工程学。