中秋吃月饼了
<style>
.tiezi {
margin: 30px 0 30px calc(50% - 731px);
width: 1280px;
height: 720px;
background: url('https://p.upyun.com/demo/tmp/04YVA9Xn.webp') no-repeat center/cover;
position: relative;
}
#mypic {
position: absolute; /* 绝对定位 */
left: 380px; /* 左边位置*/
top: 180px; /* 上边位置 */
width: 80px;
height: 80px;
border: 5px groove #e06a2d;
border-radius: 50%;
background:
repeating-linear-gradient(to top right, transparent, #e06a2d, #fccd75 8%),
repeating-linear-gradient(to top left, transparent, #e06a2d, #fccd75 8%);
animation: rot 28s linear infinite var(--state);
--state: running;
}
/* 设计CSS关键帧动画 */
@keyframes rot {
from { transform:rotate(0deg); }
to { transform:rotate(360deg); }
}
</style>
<div class="tiezi" >
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2069234658" autoplay loop></audio>
<div id="mypic"></div>
</div>
<script>
mypic.onclick = () => {
aud.paused ? aud.play() : aud.pause();
mypic.style.setProperty('--state', aud.paused ? 'paused' : 'running');
};
</script> 给兔子喂月饼？{:5_115:} 兔子不吃月饼的，俺 切帮忙可否{:4_203:} 在清舟前面的那个帖子就看到这个月饼，现在用到帖子里了，这个纯代码的月饼漂亮{:4_187:} 帖子的制作也漂亮，歌儿很童趣，让人忍不住感受到马上要到来的中秋节了。
借清舟好帖，同祝大家中秋快乐{:4_199:} 现在就吃，到中秋都消化完了 老师中秋节快乐！ 现在的月饼太甜太腻了。 梦油 发表于 2024-9-11 08:52
现在的月饼太甜太腻了。
现在很少吃的了 梦江南 发表于 2024-9-11 08:04
老师中秋节快乐！
谢谢江南，节日快乐 马黑黑 发表于 2024-9-10 23:33
现在就吃，到中秋都消化完了
正好可以再吃了啊 红影 发表于 2024-9-10 22:17
帖子的制作也漂亮，歌儿很童趣，让人忍不住感受到马上要到来的中秋节了。
借清舟好帖，同祝大家中秋快乐{: ...
是啊，还有一星期就过节了 红影 发表于 2024-9-10 22:15
在清舟前面的那个帖子就看到这个月饼，现在用到帖子里了，这个纯代码的月饼漂亮
小白教程里看到马黑的那个教程效果就想起月饼了，吃货没办法了{:4_189:} 樵歌 发表于 2024-9-10 21:28
兔子不吃月饼的，俺 切帮忙可否
当然可以了{:4_189:} 东篱闲人 发表于 2024-9-10 21:24
给兔子喂月饼？
胡萝卜馅的{:4_189:} 绿叶清舟 发表于 2024-9-11 21:18
是啊，还有一星期就过节了
不过本周要上6天班，连周六都要上班，也悲催。 绿叶清舟 发表于 2024-9-11 21:20
小白教程里看到马黑的那个教程效果就想起月饼了，吃货没办法了
这联想很恰当啊，而且也正好应景，中秋马上要到了{:4_173:} 红影 发表于 2024-9-11 21:25
不过本周要上6天班，连周六都要上班，也悲催。
又是中秋调了的吧 红影 发表于 2024-9-11 21:26
这联想很恰当啊，而且也正好应景，中秋马上要到了
是啊，也是正好在想中秋的贴了 绿叶清舟 发表于 2024-9-11 21:39
又是中秋调了的吧
是啊，还得上3天班才能过节呢。