东篱真休闲

马黑黑

马黑黑

参考代码：

1. 
   
2. <style type="text/css">
   
3. @keyframes rao {
   
4.         from {left:0px; } to { left:400px; }
   
5. }
   
6. .dong {
   
7.         margin:0px auto;
   
8.         width:700px;
   
9.         height:400px;
   
10.         padding:10px;
    
11.         background:url('https://pic.imgdb.cn/item/61bf23982ab3f51d91a0b99d.gif') no-repeat right center;
    
12. }
    
13. .s_img {
    
14.         animation:rao 6s infinite alternate;
    
15.         width:77px;
    
16.         height:70px;
    
17.         position:relative;
    
18.         top:223px;
    
19. }
    
20. </style>
    
21. 
    
22. <div class="dong">
    
23. <img class="s_img" alt="" src="https://www.huachaowang.com/static/image/smiley/hcbiaoqing2/117.gif" />
    
24. </div>

复制代码

东篱闲人

唉，唉，这个真好玩，那个小东西是个什么玩意？

马黑黑

东篱闲人 发表于 2021-12-25 18:10
唉，唉，这个真好玩，那个小东西是个什么玩意？

你的模仿者？

东篱闲人

马黑黑 发表于 2021-12-25 18:12
你的模仿者？

还挺像。。。

马黑黑

东篱闲人 发表于 2021-12-25 18:14
还挺像。。。

就是它比你调皮

红影

看完这个又凌乱了，这个动画不是定义后面跟着的图的么，怎么定义前面的那个图了。

加林森

好个汤圆还能滑动到老兄面前，老黑真厉害。

马黑黑

红影 发表于 2021-12-25 18:16
看完这个又凌乱了，这个动画不是定义后面跟着的图的么，怎么定义前面的那个图了。

你没整出思路来。是酱紫的：

后面那个图，就是东篱逍遥坐（简称东篱坐）其实是做了 div 的背景图，位置水平居右、垂直居中。<img>标签的图才是小家伙那个。注意看 class 属性。

马黑黑

加林森 发表于 2021-12-25 18:19
好个汤圆还能滑动到老兄面前，老黑真厉害。

小家伙跟东篱玩碰碰车

东篱闲人

马黑黑 发表于 2021-12-25 18:14
就是它比你调皮

嗯嗯，俺淳朴，这个玩意不像淳朴，调皮。。。

马黑黑

东篱闲人 发表于 2021-12-25 18:24
嗯嗯，俺淳朴，这个玩意不像淳朴，调皮。。。

要调教调教

东篱闲人

马黑黑 发表于 2021-12-25 18:25
要调教调教

这个红影拿手，鞭子使的特别溜。。。。。

马黑黑

东篱闲人 发表于 2021-12-25 18:30
这个红影拿手，鞭子使的特别溜。。。。。

鞭子出好汤圆呀

加林森

马黑黑 发表于 2021-12-25 18:21
小家伙跟东篱玩碰碰车

不错不错，玩这个有益健康。

马黑黑

加林森 发表于 2021-12-25 18:53
不错不错，玩这个有益健康。

对呀，队长也可以玩玩

红影

马黑黑 发表于 2021-12-25 18:20
你没整出思路来。是酱紫的：

后面那个图，就是东篱逍遥坐（简称东篱坐）其实是做了 div 的背景图，位 ...

哦哦，看反了，两个都是动图，没分出来。这个好玩

马黑黑

红影 发表于 2021-12-25 19:16
哦哦，看反了，两个都是动图，没分出来。这个好玩

识别出来就好

红影

马黑黑 发表于 2021-12-25 19:25
识别出来就好

嗯嗯，现在看明白了

马黑黑

红影 发表于 2021-12-25 20:01
嗯嗯，现在看明白了

理解需要个过程