你是朝朝暮暮（学习马黑黑 I Can效果）
本帖最后由 朵拉 于 2025-8-12 21:23 编辑 <br /><br /><style>@import 'https://638183.freep.cn/638183/web/css/tz01.css';
#pa { --offsetX: 80px; --bg: url('https://pic1.imgdb.cn/item/689b31b158cb8da5c81f1a40.jpg') no-repeat center/cover; --ma-size: 15%; }
#ma { left: 30px; top: 30px; display: grid; place-items: center; }
.son { position: absolute; width: 20%; height: 100%; }
.son::before, .son::after { position: absolute; content: ''; width: 100%; height: 100%; background: repeating-conic-gradient(purple ,transparent, cyan 20%); clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%); transform: scale(1); }
.son::after { transform: scale(-1); }
.son:nth-of-type(2) { transform: rotate(90deg); }
/* 设置 lrc 歌词标签样式 */
#lrc { position: absolute; bottom: 20px; color: #e8c5e0; font-size: 30px; font-weight: bold; text-shadow: 1px 1px 2px #333; opacity: .9; }
#btnFs { right: 30px; top: 30px; color: #333; }
</style>
<div id="pa">
<audio id="aud" src="https://cccimg.com/view.php/7e108dec47f9ee2f4af5508cdbf33aa7.mp3" autoplay="" loop=""></audio>
<video class="qk-vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/02/23/43/45/video63629031a430e.mp4" autoplay loop muted></video>
<div id="ma" class="invert">
<div class="son"></div>
<div class="son"></div>
</div>
<!-- lrc歌词标签必须有 -->
<div id="lrc">HUACHAO LRC</div>
</div>
<script type="module">
import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
import lrc from 'https://638183.freep.cn/638183/web/lrc/lrc_only.js';
// 创建歌词
var geci = `
你是朝朝暮暮-窝窝
词：路小可
曲：路小可
制作：朵 拉
日为朝 月为暮
而你是朝朝暮暮
看遍人间聚散 我心还如故
怕风急 怕路远
怕眼前人留不住
还好回头有你 不悔这一路
也许来时那段路 总有些颠沛流离
才配得上后来和你的相遇
是怎样一个你 闯进了我命运
凉薄人间多了几分欢喜
也许是老天安排 要我们学会珍惜
才会让这一路这么不容易
在平凡岁月里 细数风风雨雨
最想感谢的那个人还是你
日为朝 月为暮
而你是朝朝暮暮
看遍人间聚散 我心还如故
怕风急 怕路远
怕眼前人留不住
还好回头有你 不悔这一路
也许来时那段路 总有些颠沛流离
才配得上后来和你的相遇
是怎样一个你 闯进了我命运
凉薄人间多了几分欢喜
也许是老天安排 要我们学会珍惜
才会让这一路这么不容易
在平凡岁月里 细数风风雨雨
最想感谢的那个人还是你
日为朝 月为暮
而你是朝朝暮暮
看遍人间聚散 我心还如故
怕风急 怕路远
怕眼前人留不住
还好回头有你 不悔这一路
`;
FS(pa, ma);
lrc(pa, geci); // 带上帖子元素标识和歌词变量
</script> @马黑黑
老师 晚上好，学生交作业，请指正{:4_190:} 小播改造的漂亮 漂亮，欣赏朵宝好帖{:4_187:} 朵拉的作业漂亮，我都不知道是黑黑那个教程，先去看看了 漂亮，欣赏问好朵拉老师！{:4_199:} 这个作品音画合一，岁月相交，看一眼就觉得很唯美，要用一份寻美的心去听，去看。感谢朵拉带来的精彩
页:
[1]