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

忘 - 许茹芸


<style>
.mama {
        margin: 30px 0 30px calc(50% - 721px);
        width: 1280px;
        height: 720px;
        background: url('https://p.upyun.com/demo/tmp/OcmUMjgx.webp') no-repeat center/cover;
        box-shadow: 0 0 8px gray;
        overflow: hidden;
        z-index: 1;
        position: relative;
}
.mama::before, .pbox4::after {
        content: '';
        position: absolute;
}
/* 播放器按钮 ：使用::bofore伪元素背景图片 */
.mama::before {
content: '忘';
        right: 180px;
        top: 20px;
        padding: 6px;
        font: bold 6em/2.4em sans-serif;
        color: white;
        text-shadow:
                -1px -1px 2px tan,
                1px 1px 2px gray,
                2px 2px 3px red,
                3px 3px 4px green;
}
/* 图片 ：使用::after content属性加载 */
.mama::after {
        content: url('https://p.upyun.com/demo/tmp/ogzG7tBg.webp');
position: absolute;
        right: 1060px;
      top: 520px;
        mix-blend-mode: multiply;
animation: rot 8s linear infinite;
}
@keyframes rot {      
from { transform: skew(0deg); }      
to { transform: skew(50deg); }
</style>

<divclass="mama">
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=307358" autoplay loop></audio>
       
</div>

红影 发表于 2024-9-21 21:52

明明是一首伤感情歌，加了个忘了写作业的小图，咋一下子那么欢笑了{:4_170:}

红影 发表于 2024-9-21 21:55

好吧，我先不去看忘了写作业而躺平，认真欣赏帖子{:4_173:}
还是很伤感的，那些美好的过往，被那人说放就放，到最后也能选择遗忘。
背景的营造和歌曲的氛围很吻合，欣赏清舟好帖{:4_199:}

红影 发表于 2024-9-21 21:59

找了半天又没找到播放器按钮，进到帖子里，原来那个文字“忘”是想做按钮的么，给它弄个阴影闪烁之类的动态，然后再和音乐播放状态关联，就是按钮了啊{:4_173:}

马黑黑 发表于 2024-9-21 22:01

该忘的忘记，该记得的记得

梦江南 发表于 2024-9-22 08:37

问好，谢谢分享！{:4_199:}

梦油 发表于 2024-9-22 09:12

还是篆书好看。

小辣椒 发表于 2024-9-22 22:25

清舟欺负我，音乐没有听到{:4_198:}

绿叶清舟 发表于 2024-9-23 20:58

红影 发表于 2024-9-21 21:52
明明是一首伤感情歌，加了个忘了写作业的小图，咋一下子那么欢笑了

一到作业，听到的歌都带个忘了{:4_189:}

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

小辣椒 发表于 2024-9-22 22:25
清舟欺负我，音乐没有听到

会不会是连接不太稳定啊

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

梦油 发表于 2024-9-22 09:12
还是篆书好看。

是啊，就是俺能认出来的字很少了

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

梦江南 发表于 2024-9-22 08:37
问好，谢谢分享！

江南晚上好

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

马黑黑 发表于 2024-9-21 22:01
该忘的忘记，该记得的记得

这个还能选啊

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

红影 发表于 2024-9-21 21:59
找了半天又没找到播放器按钮，进到帖子里，原来那个文字“忘”是想做按钮的么，给它弄个阴影闪烁之类的动态 ...

这个还真加过，不过忘了加鼠标手势，结果以为没加成，就删除了{:4_189:}

马黑黑 发表于 2024-9-23 21:15

绿叶清舟 发表于 2024-9-23 20:59
这个还能选啊

应该可以

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

马黑黑 发表于 2024-9-23 21:15
应该可以

没学到那本事啊

马黑黑 发表于 2024-9-23 22:42

绿叶清舟 发表于 2024-9-23 21:24
没学到那本事啊

努力学学

红影 发表于 2024-9-23 22:59

绿叶清舟 发表于 2024-9-23 20:58
一到作业，听到的歌都带个忘了

写作业三个字如此可怕{:4_173:}

红影 发表于 2024-9-23 22:59

绿叶清舟 发表于 2024-9-23 21:01
这个还真加过，不过忘了加鼠标手势，结果以为没加成，就删除了

鼠标手势很多帖子里有的，找个套上去就行呢{:4_173:}

梦油 发表于 2024-9-24 10:40

绿叶清舟 发表于 2024-9-23 20:59
是啊，就是俺能认出来的字很少了

现在的年轻人有不少对篆字都不太熟悉。
页: [1] 2 3 4 5 6
查看完整版本: 忘 - 许茹芸