马黑黑 发表于 2021-12-25 17:10

东篱真休闲

<style type="text/css">
@keyframes rao {
        from {left:0px; } to { left:400px; }
}
.dong {
        margin:0px auto;
        width:700px;
        height:400px;
        padding:10px;
        background:url('https://pic.imgdb.cn/item/61bf23982ab3f51d91a0b99d.gif') no-repeat right center;
}
.s_img {
        animation:rao 6s infinite alternate;
        width:77px;
        height:70px;
        position:relative;
        top:223px;
}
</style>

<div class="dong">
<img class="s_img" alt="" src="https://www.huachaowang.com/static/image/smiley/hcbiaoqing2/117.gif">
</div>

马黑黑 发表于 2021-12-25 17:11

参考代码：

<style type="text/css">
@keyframes rao {
        from {left:0px; } to { left:400px; }
}
.dong {
        margin:0px auto;
        width:700px;
        height:400px;
        padding:10px;
        background:url('https://pic.imgdb.cn/item/61bf23982ab3f51d91a0b99d.gif') no-repeat right center;
}
.s_img {
        animation:rao 6s infinite alternate;
        width:77px;
        height:70px;
        position:relative;
        top:223px;
}
</style>

<div class="dong">
<img class="s_img" alt="" src="https://www.huachaowang.com/static/image/smiley/hcbiaoqing2/117.gif" />
</div>

东篱闲人 发表于 2021-12-25 18:10

唉，唉，这个真好玩，那个小东西是个什么玩意？{:4_170:}

马黑黑 发表于 2021-12-25 18:12

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

你的模仿者？

东篱闲人 发表于 2021-12-25 18:14

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

还挺像。。。{:4_189:}

马黑黑 发表于 2021-12-25 18:14

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

就是它比你调皮

红影 发表于 2021-12-25 18:16

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

加林森 发表于 2021-12-25 18:19

好个汤圆还能滑动到老兄面前，老黑真厉害。{:4_199:}

马黑黑 发表于 2021-12-25 18:20

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

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

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

马黑黑 发表于 2021-12-25 18:21

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

小家伙跟东篱玩碰碰车{:4_170:}

东篱闲人 发表于 2021-12-25 18:24

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

嗯嗯，俺淳朴，这个玩意不像淳朴，调皮。。。{:5_106:}

马黑黑 发表于 2021-12-25 18:25

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

要调教调教

东篱闲人 发表于 2021-12-25 18:30

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

这个红影拿手，鞭子使的特别溜。。。。。{:5_116:}

马黑黑 发表于 2021-12-25 18:34

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

鞭子出好汤圆呀{:4_170:}

加林森 发表于 2021-12-25 18:53

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

不错不错，玩这个有益健康。{:4_189:}

马黑黑 发表于 2021-12-25 18:56

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

对呀，队长也可以玩玩

红影 发表于 2021-12-25 19:16

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

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

哦哦，看反了，两个都是动图，没分出来。这个好玩{:4_189:}

马黑黑 发表于 2021-12-25 19:25

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

识别出来就好

红影 发表于 2021-12-25 20:01

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

嗯嗯，现在看明白了{:4_173:}

马黑黑 发表于 2021-12-25 20:32

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

理解需要个过程
页: [1] 2
查看完整版本: 东篱真休闲