论坛 › 祝福礼堂 › 【生日答谢】《谢谢有你》（感谢朋友们的温馨祝福）

红影 发表于 2025-1-11 10:57

【生日答谢】《谢谢有你》（感谢朋友们的温馨祝福）

<style>
        @import 'https://638183.freep.cn/638183/web/mod/path_lrc.css';
        #tz { --state: running; margin: 60px 0 30px calc(50% - 681px); width: 1200px; height: 674px; background: url('https://pic1.imgdb.cn/item/67813d24d0e0a243d4f32564.jpg') no-repeat center/cover; overflow: hidden; border-radius: 16px; }
       
#tz::before, #tz::after { position: absolute; left: 15%; top: 10%;--delay: .8s; content: url('https://pic1.imgdb.cn/item/678152fdd0e0a243d4f32b07.png'); z-index: 10; animation: flash 1.5s var(--delay) infinite alternate var(--state);}
       
#tz::after { left:73%;--delay: .6s; )animation: flash 1.5s var(--delay) infinite alternate var(--state); }
        @keyframes flash { from { opacity: 1; transform: rotate(-8deg); } to { opacity: 0.8; transform: rotate(8deg); } }
       
.mBox { margin: 0px auto; width:1250px; height: 212px; position: absolute;left:80px; top: 279px; overflow: hidden; }
       
.pBox { position: absolute; animation: Roll 80s linear infinite var(--state); display: flex; }
       
.pBox:hover { cursor: pointer; animation-play-state: paused; }
       
.pBox img { width: 981px; height:212px; float: left; }
        @keyframes Roll { from { transform: translateX(0); } to { transform: translateX(-81%); } }
       
#mplayer { width: 200px; height: 184px; top: 50px; left: 520px; --path: m100,180c0,0 -52,-55 -52.30001,-55.00001c-49.69999,-33.99999 -46.69999,-70 -46.69999,-70c3,-51 47,-50 47,-50c30,-8 53,15 53,15c22,-22 50,-16 50,-16c41,-3 47,50 47,50c3,37 -43,72.00001 -43,72.00001c-2,0 -55,54 -55,54z; --yy: 36; --track: red; --prog: snow; }
       
#pic1 { position: absolute; top: 51px; left: 518px; width: 200px; height: 184px; }
       
.vid { mix-blend-mode:color-burn;width:150%; height:150% ; left: -280px; top: -62px; }
       
#pic2 { position: absolute;left: -60px; top: 142px;width: 1280px; height: 468px; }
       
#pic3 { position: absolute;top: 156px; left: 594px; width: 48px; height: 43px; animation: wenzi 0.6s linear infinite alternate var(--state);}
        @keyframes wenzi { from {transform: scale(1.0);} to { transform: scale(1.5); }}
       
#hy{ position: absolute; left:30%; bottom:7%;font-size: 40px; font-family:华文隶书;z-index: 21;color: #00ff00;animation: wz 10s linear infinite var(--state); filter:drop-shadow(LightPink 1px 0 0)drop-shadow(LightPink 0 1px 0)drop-shadow(LightPink -1px 0 0) drop-shadow(LightPink 0 -1px0);}
       
.stop #hy{animation-play-state: paused;}
        @keyframes wz { 50% {opacity: 1; left: 40%; }}
        #klok{
-webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-color:#880000;
   background-image:linear-gradient(90deg, #ff0000 20%, #00ff80 50%, #fff000 10%, #000078 50%,#fff000 60%,#000080 70%,#00ff00 20%);
   background-repeat:no-repeat;
    line-height:35px;background-position: 0px 0;
    -webkit-animation:loop 3slinearinfinite ;}
@-webkit-keyframes loop{
   50%{background-position: -300px 0;filter:hue-rotate(0deg)contrast(120%)brightness(150%);}
}
</style>

<div id="tz" class="pa">
        <audio src="https://music.163.com/song/media/outer/url?id=1804555806.mp3"></audio>
        <video class="vid" src="https://img.tukuppt.com/video_show/2418175/00/18/94/5ef7ff6eaa213_10s_big.mp4" autoplay loop muted></video>
        <div class="mBox">
        <div id="pBox" class="pBox">
                <img alt="" src="https://pic1.imgdb.cn/item/678106c9d0e0a243d4f316d2.jpg" />
                <img alt="" src="https://pic1.imgdb.cn/item/678106e0d0e0a243d4f316d5.jpg" />
                <img alt="" src="https://pic1.imgdb.cn/item/678106ffd0e0a243d4f316d7.jpg" />
                <img alt="" src="https://pic1.imgdb.cn/item/6781071ad0e0a243d4f316dc.jpg" />
                        </div> </div>
       <img id="pic1" src="https://pic1.imgdb.cn/item/67811c82d0e0a243d4f31cc7.png" alt="" />
       <img id="pic2" src="https://pic1.imgdb.cn/item/67813cedd0e0a243d4f32555.png" alt="" />
       <img id="pic3" src="https://pic1.imgdb.cn/item/678149e3d0e0a243d4f32899.png" alt="" />               
       <div id="hy"><div id="klok">感谢朋友们的温馨祝福</div></div>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/path_lrc.js?v=1.0';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        hcplay(tz);
        fscreen.fs(tz, fsbtn);
</script>

红影 发表于 2025-1-11 10:59

将受到的礼物收集起来，留待以后温暖自己（按时间顺序）

1、樵歌
【花潮小蜜蜂】祝红影生日快乐
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80488&fromuid=2
(出处: 花潮论坛)
2、风晴雪
【晴儿】剪爱 赠：红影生日快乐吉祥如意
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80490&fromuid=2
(出处: 花潮论坛)
3、岁月·如歌
【四季歌-吴侬软语版】祝红影生日快乐！
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80507&fromuid=2
(出处: 花潮论坛)
4、小九
须臾之间又是一年：））贴赠红影
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80520&fromuid=2
(出处: 花潮论坛)
5、绿叶清舟
金手镯--祝影生日快乐
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80526&fromuid=2
(出处: 花潮论坛)
6、樵歌
【樵歌翻唱】小河趟水 为红影生日唱首歌
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80531&fromuid=2
(出处: 花潮论坛)
7、杨帆
《2025狠狠的幸福》 ＠红影生日快乐
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80548&fromuid=2
(出处: 花潮论坛)
8、辫子哥哥
想妹妹   翻唱 辫子哥哥贺红影生日快乐！
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80549&fromuid=2
(出处: 花潮论坛)
9、大猫咪
祝红影生日快乐！
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80558&fromuid=2
(出处: 花潮论坛)
10、梦江南
祝红影生日快乐
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80560&fromuid=2
(出处: 花潮论坛)
11、友昕
谜贺红影生日快乐！
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80561&fromuid=2
(出处: 花潮论坛)
12、潜意随心
红影生日快乐！
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80567&fromuid=2
(出处: 花潮论坛)
13、小辣椒
惊鸿一面   帖赠红影贺芳辰快乐！
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80572&fromuid=2
(出处: 花潮论坛)
14、冬天的雨
风中听落雪---祝红影生日快乐!
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80574&fromuid=2
(出处: 花潮论坛)
15、朵拉
青 花 TO：红影芳辰
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80609&fromuid=2
(出处: 花潮论坛)
16、有声有色
年年有今朝 岁岁有今日   生日快乐
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80615&fromuid=2
(出处: 花潮论坛)
17、梦油
奉送香粥贺芳辰宴
https://www.huachaowang.com/forum.php?mod=viewthread&tid=80617&fromuid=2
(出处: 花潮论坛)

红影 发表于 2025-1-11 11:01

感谢各位朋友的生日祝福，感谢送我帖子的朋友，也谢谢跟帖祝福的朋友，还有其他地方送祝福的朋友们，有你们的美好祝福，这个冬天很温暖{:4_187:}{:4_177:}

红影 发表于 2025-1-11 11:02

学习黑黑的《一生所爱》代码，去描了个心形路径。感谢@马黑黑 的代码{:4_187:}

红影 发表于 2025-1-11 11:06

视频使用mix-blend-mode: screen;倒是挺亮堂，但飘落的心看不出了，后来试了color-burn感觉挺奇妙，就用了，虽然有点暗了{:4_173:}

梦油 发表于 2025-1-11 12:14

制作精细、有情有义。祝福红影、事事顺利。

红影 发表于 2025-1-11 12:31

梦油 发表于 2025-1-11 12:14
制作精细、有情有义。祝福红影、事事顺利。

谢谢梦油，把朋友们的头像做个滚动图，铭记大家的温暖的祝福，铭记朋友们的好{:4_204:}

樵歌 发表于 2025-1-11 14:02

师妹为朋友们放一场专声电影，影名：爱在花潮{:4_199:}{:4_173:}

樵歌 发表于 2025-1-11 14:03

把朋友的礼物放在专门的一个楼层里，这个办法很好。

梦油 发表于 2025-1-11 14:20

红影 发表于 2025-1-11 12:31
谢谢梦油，把朋友们的头像做个滚动图，铭记大家的温暖的祝福，铭记朋友们的好

做得很精彩。{:4_199:}

梦江南 发表于 2025-1-11 16:10

做得精彩，衷心祝福您新年开心快乐，事事顺遂！

杨帆 发表于 2025-1-11 18:13

用心之作，漂亮之作，永恒之作，谢谢影子{:4_187:}

小九 发表于 2025-1-11 18:50

用心制作！{:4_187:}

小辣椒 发表于 2025-1-11 20:41

哇塞，亲爱的，用心的制作，太美了，这个心路径衬托的红心太漂亮了{:4_199:}

小辣椒 发表于 2025-1-11 20:42

樵歌 发表于 2025-1-11 14:02
师妹为朋友们放一场专声电影，影名：爱在花潮

哈哈~~樵哥哥说的太好了，精彩的大戏，制作太美了

小辣椒 发表于 2025-1-11 20:44

亲爱的就是聪明，学以致用，各种效果都用上去，完美的呈现出来了，2024年优秀的学生必须是你{:4_205:}

辫子哥哥 发表于 2025-1-11 21:06

漂亮漂亮漂亮{:4_199:}{:4_177:}{:4_178:}

马黑黑 发表于 2025-1-11 21:35

{:4_199:}

红影 发表于 2025-1-11 22:15

樵歌 发表于 2025-1-11 14:02
师妹为朋友们放一场专声电影，影名：爱在花潮

想着把送帖的朋友怎样感谢一番，想起这个滚动图了，前面直接就弄，忘了要让图图宽度一致，折腾好半天{:4_173:}

红影 发表于 2025-1-11 22:18

樵歌 发表于 2025-1-11 14:03
把朋友的礼物放在专门的一个楼层里，这个办法很好。

朋友们的善意我一直都记着呢，能得到朋友的祝福，师妹心里感动{:4_187:}

查看完整版本: 【生日答谢】《谢谢有你》（感谢朋友们的温馨祝福）