《现实总是和理想扯皮》 - 隔壁老樊

亦是金

:doodle { @size: 1200px 680px; } position: absolute; left: @r(255)%; top: -10%; :after { position: absolute; content: '@p(life, ♬, ♪, ♩, ♫, ∮, ✲, ❉, ❤, 爱生活, ☺, ★, ☆,ideal, ❄)'; color:#ffffff; font-size: @r(15, 25)px; } animation: fall 40s @r(-6, 36)s infinite var(--state); @keyframes fall { from { transform: rotate(0deg) translate(0px); } to { transform: rotate(@r(-250,160)deg) translate(-1500px); } } :doodle { @grid: 2 / 500px 100px; color: var(--color); bottom: 70px; z-index: 999; --prog: 0%; --size: 60px; --ttmsg1: '00:00'; --ttmsg2: '00:00'; --color: #fb8a2f; position:absolute; } /* 时间信息 : 左 */ @nth(1) {@place: 5% 100%; :after { content: var(--ttmsg1); } } /* 控制器 */ @nth(2) { @size: 60px; @shape: windmill; @place: 50% 35%; background: var(--color); animation: rot 6s infinite linear var(--state); } /* 时间信息 : 右 */ @nth(3) { @place: 95% 100%; :after { content: var(--ttmsg2); } } /* 进度条 */ @nth(4) { @place: 50% 80%; @size: 100% 2px; background: Silver; display: grid; place-items: center start; :before { content: ''; width: var(--prog); height: 100%; background: var(--color); } } @keyframes rot { to { transform: rotate(1turn); } } :doodle { @size: auto 3.5em; bottom: 20px; --geci: "花潮lrc在线"; --motion: cover2; --tt: 1s; position:absolute; } /* 单元格两个伪元素显示lrc歌词 */ display: grid; place-items: center start; :before, :after { content: var(--geci); color: snow; /* 歌词底色 */ font: bold 2.4em sans-serif; text-shadow: 1px 1px 1px #000; white-space: pre; } :after { position: absolute; width: 0; color: #fb7f1b; /* 同步歌词颜色 */ overflow: hidden; animation: var(--motion) var(--tt) linear forwards var(--state); } @keyframes cover1 { from { width: 0; } to { width: 100%; } } @keyframes cover2 { from { width: 0; } to { width: 100%; } }

《现实总是和理想扯皮》 - 隔壁老樊

亦是金在线音乐

红影

把这个花瓣效果用在视频里也不错呢。看到连续横写的“爱生活”显示时是竖排的呢，而英文的两个单词却是横排的，这个特点还是头一次发现呢

起个网名好难

欣赏佳作。

感觉你的帖子似乎都是从别处移来的，代码的头、尾都有多余的代码，如这帖头部的
<div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1894597">
和尾部的
</td></tr></table>
是多余的

红影

这个视频和歌曲内容很相符。制作很漂亮，欣赏亦是金老师好帖

亦是金

红影 发表于 2023-5-19 13:18
把这个花瓣效果用在视频里也不错呢。看到连续横写的“爱生活”显示时是竖排的呢，而英文的两个单词却是横排 ...

问好红影！花瓣效果里文字的这个情况，我还没有注意到呢，你观察的真仔细！

亦是金

起个网名好难 发表于 2023-5-19 13:19
欣赏佳作。

感觉你的帖子似乎都是从别处移来的，代码的头、尾都有多余的代码，如这帖头部的

问好老师！多谢指点！我即刻更改！

红影

亦是金 发表于 2023-5-19 13:23
问好红影！花瓣效果里文字的这个情况，我还没有注意到呢，你观察的真仔细！

应该是亦是金老师的帖子让我也知道了这样的情况，该感谢你才是呢

一斛珠

这雪下的真大啊，好看极了！

一斛珠

起个网名好难 发表于 2023-5-19 13:19
欣赏佳作。

感觉你的帖子似乎都是从别处移来的，代码的头、尾都有多余的代码，如这帖头部的

好难老师，你咋能看见金老师的代码呢。

一斛珠

金老师，咋没把这贴发红人居呢？

梦缘

欣赏老师的精彩，好美啊！

梦油

欣赏佳作，问候亦是金。

起个网名好难

一斛珠 发表于 2023-5-19 16:29
好难老师，你咋能看见金老师的代码呢。

右键点击屏幕，出现菜单里面有"查看页面源代码"选项

一斛珠

起个网名好难 发表于 2023-5-19 18:05
右键点击屏幕，出现菜单里面有"查看页面源代码"选项

遗憾，我米有电脑

小辣椒

这个视频我用过，很喜欢的

小辣椒

2个特殊字符好像不对，出来是ideal   life

冬天的雨

爱生活的人就是积极上进的人

冬天的雨

欣赏亦是金好制作

亦是金

一斛珠 发表于 2023-5-19 16:28
这雪下的真大啊，好看极了！

问好一斛珠！谢谢欣赏！

亦是金

梦缘 发表于 2023-5-19 16:52
欣赏老师的精彩，好美啊！

问好梦缘！谢谢欣赏！