绿叶清舟 发表于 2024-9-10 20:59

中秋吃月饼了


<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>

东篱闲人 发表于 2024-9-10 21:24

给兔子喂月饼?{:5_115:}

樵歌 发表于 2024-9-10 21:28

兔子不吃月饼的,俺 切帮忙可否{:4_203:}

红影 发表于 2024-9-10 22:15

在清舟前面的那个帖子就看到这个月饼,现在用到帖子里了,这个纯代码的月饼漂亮{:4_187:}

红影 发表于 2024-9-10 22:17

帖子的制作也漂亮,歌儿很童趣,让人忍不住感受到马上要到来的中秋节了。
借清舟好帖,同祝大家中秋快乐{:4_199:}

马黑黑 发表于 2024-9-10 23:33

现在就吃,到中秋都消化完了

梦江南 发表于 2024-9-11 08:04

老师中秋节快乐!

梦油 发表于 2024-9-11 08:52

现在的月饼太甜太腻了。

绿叶清舟 发表于 2024-9-11 21:17

梦油 发表于 2024-9-11 08:52
现在的月饼太甜太腻了。

现在很少吃的了

绿叶清舟 发表于 2024-9-11 21:17

梦江南 发表于 2024-9-11 08:04
老师中秋节快乐!

谢谢江南,节日快乐

绿叶清舟 发表于 2024-9-11 21:17

马黑黑 发表于 2024-9-10 23:33
现在就吃,到中秋都消化完了

正好可以再吃了啊

绿叶清舟 发表于 2024-9-11 21:18

红影 发表于 2024-9-10 22:17
帖子的制作也漂亮,歌儿很童趣,让人忍不住感受到马上要到来的中秋节了。
借清舟好帖,同祝大家中秋快乐{: ...

是啊,还有一星期就过节了

绿叶清舟 发表于 2024-9-11 21:20

红影 发表于 2024-9-10 22:15
在清舟前面的那个帖子就看到这个月饼,现在用到帖子里了,这个纯代码的月饼漂亮

小白教程里看到马黑的那个教程效果就想起月饼了,吃货没办法了{:4_189:}

绿叶清舟 发表于 2024-9-11 21:20

樵歌 发表于 2024-9-10 21:28
兔子不吃月饼的,俺 切帮忙可否

当然可以了{:4_189:}

绿叶清舟 发表于 2024-9-11 21:21

东篱闲人 发表于 2024-9-10 21:24
给兔子喂月饼?

胡萝卜馅的{:4_189:}

红影 发表于 2024-9-11 21:25

绿叶清舟 发表于 2024-9-11 21:18
是啊,还有一星期就过节了

不过本周要上6天班,连周六都要上班,也悲催。

红影 发表于 2024-9-11 21:26

绿叶清舟 发表于 2024-9-11 21:20
小白教程里看到马黑的那个教程效果就想起月饼了,吃货没办法了

这联想很恰当啊,而且也正好应景,中秋马上要到了{:4_173:}

绿叶清舟 发表于 2024-9-11 21:39

红影 发表于 2024-9-11 21:25
不过本周要上6天班,连周六都要上班,也悲催。

又是中秋调了的吧

绿叶清舟 发表于 2024-9-11 21:40

红影 发表于 2024-9-11 21:26
这联想很恰当啊,而且也正好应景,中秋马上要到了

是啊,也是正好在想中秋的贴了

红影 发表于 2024-9-11 21:56

绿叶清舟 发表于 2024-9-11 21:39
又是中秋调了的吧

是啊,还得上3天班才能过节呢。
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 中秋吃月饼了