红影 发表于 2022-8-15 19:48

【末伏消暑】第一天 闲(闲逸TO东篱大哥)


<style>
.outerbox {
      position: relative;
      left: -252px;
      top:120px;
      width: 1100px;
      height: 675px;
      overflow: hidden;
}

.shipin {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;      
}
.tupian {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
}
      #disc { position: absolute; width: 40px; height: 40px; left: 10px; bottom: 30px; background: conic-gradient(red,orange,yellow,green,teal,blue,purple); mask: radial-gradient(transparent 4px,red 0); -webkit-mask: radial-gradient(transparent 4px,red 0); border-radius: 50%; cursor: pointer; animation: rot 2s linear infinite; }
      #lrcbox { position: absolute; left: 60px; bottom: 30px;font: bold 22px / 40px sans-serif; color: #9C8320; text-shadow: 2px 2px 4px #222; }
      @keyframes rot { to { transform: rotate(360deg); } }
</style>

<div class="outerbox">
       <video class="shipin" src="https://img.tukuppt.com/video_show/2418175/00/02/01/5b4f55c95539b.mp4" muted="muted" autoplay="autoplay" loop="loop"></video>

   <div class="tupian">
                <img alt="" src="https://pic.imgdb.cn/item/62f8fec516f2c2beb108dcb4.png"/></div>
<div style="position: absolute; right:156px; bottom: 85px; width:288px;">
                <img alt="" src="https://pic.imgdb.cn/item/61bf23982ab3f51d91a0b99d.gif"/></div>
<div style="position: absolute; right:466px; bottom: 27px; width:340px;">
                <img alt="" src="https://pic.imgdb.cn/item/62f8fb4d16f2c2beb1fab50d.png"/>
                </div>
<span id="lrcbox">闲逸 TO 东篱闲人</span>
<span id="disc"></span>
</div><br><br><br><br><br><br>
<script type="text/javascript">
let aud = new Audio();

aud.src = 'https://music.163.com/song/media/outer/url?id=29800715.mp3';
aud.loop = true;
aud.autoplay = true;

disc.style.animationPlayState = aud.paused ? 'paused' : 'running';
disc.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing',()=> disc.style.animationPlayState = 'running');
aud.addEventListener('pause',()=> disc.style.animationPlayState = 'paused');

</script>

红影 发表于 2022-8-15 19:49

东篱大哥的名字东篱闲人,名字中本就包含了消暑字呢。给东篱大哥送礼是是完成作业做简单的办法{:4_173:}

红影 发表于 2022-8-15 19:51

送东篱大哥去摩天大楼里饮茶,感谢东篱大哥的好礼@东篱闲人{:4_187:}

东篱闲人 发表于 2022-8-15 19:53

红影 发表于 2022-8-15 19:49
东篱大哥的名字东篱闲人,名字中本就包含了消暑字呢。给东篱大哥送礼是是完成作业做简单的办法

嗯嗯,绝对是聪明的选择。。。{:5_117:}

东篱闲人 发表于 2022-8-15 19:53

红影 发表于 2022-8-15 19:51
送东篱大哥去摩天大楼里饮茶,感谢东篱大哥的好礼@东篱闲人

惬意!{:4_187:}

红影 发表于 2022-8-15 21:34

东篱闲人 发表于 2022-8-15 19:53
嗯嗯,绝对是聪明的选择。。。

一举两得,昨天就想还礼了,还是等到今天,连作业也一起了{:4_173:}

红影 发表于 2022-8-15 21:35

东篱闲人 发表于 2022-8-15 19:53
惬意!

白云朵朵,清风习习,喝着香茗,坐着摇椅,看尽美妙风景{:4_187:}

东篱闲人 发表于 2022-8-15 21:35

红影 发表于 2022-8-15 21:34
一举两得,昨天就想还礼了,还是等到今天,连作业也一起了

聪明的孩子就有聪明的选择。。。{:5_116:}

东篱闲人 发表于 2022-8-15 21:36

红影 发表于 2022-8-15 21:35
白云朵朵,清风习习,喝着香茗,坐着摇椅,看尽美妙风景

嗯嗯,不掉下来就好。。。。{:5_117:}

小九 发表于 2022-8-15 21:37

小老头好悠闲{:4_187:}

樵歌 发表于 2022-8-16 09:40

几朵花半壶茶,逍遥坐看云卷舒。这个意境真好!
东篱收礼开森。

红影 发表于 2022-8-17 20:25

东篱闲人 发表于 2022-8-15 21:35
聪明的孩子就有聪明的选择。。。

这几天太忙了,白天几乎没法上来,有混作业的机会肯定不会错过{:4_173:}

红影 发表于 2022-8-17 20:26

东篱闲人 发表于 2022-8-15 21:36
嗯嗯,不掉下来就好。。。。

怎么会,现代建筑很坚固,别说您一个了,就算千百个人在上面跳,都没事{:4_170:}

红影 发表于 2022-8-17 20:27

樵歌 发表于 2022-8-16 09:40
几朵花半壶茶,逍遥坐看云卷舒。这个意境真好!
东篱收礼开森。

我回礼带完成作业一起了,一举两得{:4_173:}

东篱闲人 发表于 2022-8-17 20:43

红影 发表于 2022-8-17 20:26
怎么会,现代建筑很坚固,别说您一个了,就算千百个人在上面跳,都没事

你跳过。。。{:4_172:}

浅风儿 发表于 2022-8-17 20:46

蓝蓝的天空真是好可爱啦。

红影 发表于 2022-8-17 22:03

东篱闲人 发表于 2022-8-17 20:43
你跳过。。。

是的,我还在膜顶棚上跳过,那个更好玩{:4_173:}

红影 发表于 2022-8-17 22:03

浅风儿 发表于 2022-8-17 20:46
蓝蓝的天空真是好可爱啦。

风儿来了,抱抱{:4_179:}

樵歌 发表于 2022-8-18 17:22

红影 发表于 2022-8-17 20:27
我回礼带完成作业一起了,一举两得

这个办法真好一箭双雕呢{:4_173:}

红影 发表于 2022-8-18 21:44

樵歌 发表于 2022-8-18 17:22
这个办法真好一箭双雕呢

没办法,总觉得写不出来字,就做图应付作业了{:4_173:}
页: [1] 2 3
查看完整版本: 【末伏消暑】第一天 闲(闲逸TO东篱大哥)