【末伏消暑】第一天 闲(闲逸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>
东篱大哥的名字东篱闲人,名字中本就包含了消暑字呢。给东篱大哥送礼是是完成作业做简单的办法{:4_173:} 送东篱大哥去摩天大楼里饮茶,感谢东篱大哥的好礼@东篱闲人{:4_187:} 红影 发表于 2022-8-15 19:49
东篱大哥的名字东篱闲人,名字中本就包含了消暑字呢。给东篱大哥送礼是是完成作业做简单的办法
嗯嗯,绝对是聪明的选择。。。{:5_117:} 红影 发表于 2022-8-15 19:51
送东篱大哥去摩天大楼里饮茶,感谢东篱大哥的好礼@东篱闲人
惬意!{:4_187:} 东篱闲人 发表于 2022-8-15 19:53
嗯嗯,绝对是聪明的选择。。。
一举两得,昨天就想还礼了,还是等到今天,连作业也一起了{:4_173:} 东篱闲人 发表于 2022-8-15 19:53
惬意!
白云朵朵,清风习习,喝着香茗,坐着摇椅,看尽美妙风景{:4_187:} 红影 发表于 2022-8-15 21:34
一举两得,昨天就想还礼了,还是等到今天,连作业也一起了
聪明的孩子就有聪明的选择。。。{:5_116:} 红影 发表于 2022-8-15 21:35
白云朵朵,清风习习,喝着香茗,坐着摇椅,看尽美妙风景
嗯嗯,不掉下来就好。。。。{:5_117:} 小老头好悠闲{:4_187:} 几朵花半壶茶,逍遥坐看云卷舒。这个意境真好!
东篱收礼开森。 东篱闲人 发表于 2022-8-15 21:35
聪明的孩子就有聪明的选择。。。
这几天太忙了,白天几乎没法上来,有混作业的机会肯定不会错过{:4_173:} 东篱闲人 发表于 2022-8-15 21:36
嗯嗯,不掉下来就好。。。。
怎么会,现代建筑很坚固,别说您一个了,就算千百个人在上面跳,都没事{:4_170:} 樵歌 发表于 2022-8-16 09:40
几朵花半壶茶,逍遥坐看云卷舒。这个意境真好!
东篱收礼开森。
我回礼带完成作业一起了,一举两得{:4_173:} 红影 发表于 2022-8-17 20:26
怎么会,现代建筑很坚固,别说您一个了,就算千百个人在上面跳,都没事
你跳过。。。{:4_172:} 蓝蓝的天空真是好可爱啦。 东篱闲人 发表于 2022-8-17 20:43
你跳过。。。
是的,我还在膜顶棚上跳过,那个更好玩{:4_173:} 浅风儿 发表于 2022-8-17 20:46
蓝蓝的天空真是好可爱啦。
风儿来了,抱抱{:4_179:} 红影 发表于 2022-8-17 20:27
我回礼带完成作业一起了,一举两得
这个办法真好一箭双雕呢{:4_173:} 樵歌 发表于 2022-8-18 17:22
这个办法真好一箭双雕呢
没办法,总觉得写不出来字,就做图应付作业了{:4_173:}