中文注册找回密码

斗酒相逢音画设计网

搜索

[单图] 【斗酒相逢音画_五周年庆】【黑师代码】生命,是一场美好的遇见 文/心络羽儿 TO/青依

[复制链接]

贵宾

Rank: 8Rank: 8

UID
5751
主题
9
帖子
513
贡献
3519
阅读权限
150
注册时间
2024-9-9

念初心

发表于 2024-9-19 21:05:22 | 显示全部楼层 |阅读模式
本帖最后由 花简静 于 2024-9-19 21:18 编辑

本帖评分记录贡献 收起 理由
一鹿向北 + 20 亲,你是最棒的
令狐冲 + 15
雪儿 + 20 我和小伙伴们都惊呆了
只道寻常 + 20 悍匪,给你点32个赞
毒药 + 20
轻音向暖 + 20 亲,你是最棒的
贪心的鱼 + 20 亲,你是最棒的
轻风 + 20 左右横移,天下无敌
念一 + 15
星的祝福 + 20 悍匪,给你点32个赞
甘蓝 + 20 亲,你是最棒的
我本无漪 + 20 悍匪,给你点32个赞
青依 + 20 已加入统计,小手举高高,嗷。。
心络羽儿 + 20 亲,你是最棒的
楼主新帖

    万事皆缘,随遇而安
【花简静音画】◇午后时光

贵宾

Rank: 8Rank: 8

UID
5751
主题
9
帖子
513
贡献
3519
阅读权限
150
注册时间
2024-9-9

念初心

 楼主| 发表于 2024-9-19 21:05:56 | 显示全部楼层
本帖最后由 花简静 于 2024-9-24 15:04 编辑

  1. <style>
  2. #tz {margin: 150px 0 30px calc(50% - 931px); width: 1700px; height: 900px; background: url('https://642303.freep.cn/642303/tu/20240917toqingyi.webp') no-repeat center/cover; box-shadow: 0 0 6px #111; z-index: 1;position: relative; display: grid; place-items: center; --yy: 270px;overflow: hidden; }
  3. .player {position: absolute; left:230px;bottom:260px;width: 130px; height: 130px; background: url('https://638183.freep.cn/638183/web/svg/jupm.svg') no-repeat center/cover; animation: rot 6s linear infinite var(--state); cursor: pointer; filter: drop-shadow(0 0 4px #000); transition: .45s; --deg: 360deg; opacity: .69;}
  4. #vid1 { position: absolute;
  5. width: 100%;
  6. height: 100%;
  7. opacity: .23;
  8. object-fit: cover;
  9. mix-blend-mode: soft-light;
  10. -webkit-mask: linear-gradient(to left top, red 5%, transparent 85%, transparent);
  11. pointer-events: none;
  12. }
  13. #vid2 {position: absolute; width: 110%; height: 100%;mix-blend-mode:soft-light; opacity: 0.39; -webkit-mask: radial-gradient(circle, transparent, transparent,transparent,silver, silver,silver,lightgreen, transparent, transparent, transparent);
  14. }
  15. @keyframes rot { to { transform: rotate(var(--deg)); } }
  16. </style>
  17. <div id="tz">
  18. <audio id="aud" src="https://music.163.com/song/media/outer/url?id=27571238" autoplay loop></audio>
  19. <video id="vid1" src="https://bpic.588ku.com/video_listen/588ku_preview/20/11/09/16/44/07/video5fa90157a4bb6.mp4" autoplay loop muted></video>
  20. <video id="vid2" src="https://bpic.588ku.com/video_listen/588ku_video/24/04/10/17/51/54/video6616613af2ca0.mp4" autoplay loop muted></video>
  21. <div class="player"></div>
  22. </div>
  23. <script>
  24. var players = tz.querySelectorAll('.player');
  25. var sc = document.createElement('script');
  26. sc.src = 'https://638183.freep.cn/638183/web/js2024/fscreen.js';
  27. sc.charset = 'utf-8';
  28. document.body.appendChild(sc);
  29. sc.onload = () => FS({
  30. papa: '#tz',
  31. scale: players,
  32. css: 'left: -70%; bottom: 50px; --bg: transparent; --color: white',
  33. });
  34. mState = () => {
  35. tz.style.setProperty('--state', aud.paused ? 'paused' : 'running');
  36. aud.paused ? vid1.pause() : vid1.play();
  37. aud.paused ? vid2.pause() : vid2.play();
  38. };
  39. aud.onplaying = aud.onpause = () => mState();
  40. players.forEach(player => player.onclick = () => aud.paused ? aud.play() : aud.pause());
  41. </script>
复制代码
本帖评分记录贡献 收起 理由
青依 + 20 亲,你是最棒的

    万事皆缘,随遇而安
【花简静音画】◇午后时光

贵宾

Rank: 8Rank: 8

UID
5751
主题
9
帖子
513
贡献
3519
阅读权限
150
注册时间
2024-9-9

念初心

 楼主| 发表于 2024-9-19 21:11:59 | 显示全部楼层
@青依
生命,是一场美好的遇见。我遇见你,就遇到了惊喜。
小酒窝里有许多制图大师,羡慕已久~五周年注册开放,可以跟大师们学习制图
虽然环境陌生,放眼望去全都是熟悉的名字~~
收到依依你送的礼物,除了开心还是开心。。
制图正在学习中,目前只能是这个水平,希望你不要嫌弃。。
本帖评分记录贡献 收起 理由
贪心的鱼 + 20 你的笑容由我来守护
我本无漪 + 20 亲,你是最棒的
心络羽儿 + 20 很好很好

    万事皆缘,随遇而安
【花简静音画】◇午后时光

贵宾

Rank: 8Rank: 8

UID
5751
主题
9
帖子
513
贡献
3519
阅读权限
150
注册时间
2024-9-9

念初心

 楼主| 发表于 2024-9-19 21:16:00 | 显示全部楼层
问好酒窝的朋友们~~
点击小风车,音乐,视频和小播均可暂停。

点评

非常赞  发表于 2024-9-19 23:26

    万事皆缘,随遇而安
【花简静音画】◇午后时光

贵宾

Rank: 8Rank: 8

UID
5751
主题
9
帖子
513
贡献
3519
阅读权限
150
注册时间
2024-9-9

念初心

 楼主| 发表于 2024-9-19 21:17:11 | 显示全部楼层
再次感谢青依~~
所有认识和不认识的朋友们,一起问好了。。

    万事皆缘,随遇而安
【花简静音画】◇午后时光

尘外尘

Rank: 8Rank: 8

UID
219
主题
199
帖子
9752
贡献
64981
阅读权限
255
注册时间
2019-10-13

花香精灵小酒窝初心小暖雪谷风车春琉响花曦潮花蕾初响念初心

发表于 2024-9-19 21:18:34 | 显示全部楼层
图图很好看,色调和特效也很棒,欢迎新朋友
我愿以指代灯,将花盛放在诗行!谢谢雷帅的超凡手艺!

尘外尘

Rank: 8Rank: 8

UID
219
主题
199
帖子
9752
贡献
64981
阅读权限
255
注册时间
2019-10-13

花香精灵小酒窝初心小暖雪谷风车春琉响花曦潮花蕾初响念初心

发表于 2024-9-19 21:18:56 | 显示全部楼层
美美哒图图,祝福依依宝收礼开心
我愿以指代灯,将花盛放在诗行!谢谢雷帅的超凡手艺!

贵宾

Rank: 8Rank: 8

UID
5751
主题
9
帖子
513
贡献
3519
阅读权限
150
注册时间
2024-9-9

念初心

 楼主| 发表于 2024-9-19 21:21:42 | 显示全部楼层
心络羽儿 发表于 2024-9-19 21:18
图图很好看,色调和特效也很棒,欢迎新朋友

心络羽儿 本尊驾到,哈哈,乐一个。。
你的名字早就见过,今天交流第一贴,
很喜欢你的字,最棒的你~~
本帖评分记录贡献 收起 理由
心络羽儿 + 10 花花飞啊飞~~~开心

    万事皆缘,随遇而安
【花简静音画】◇午后时光

贵宾

Rank: 8Rank: 8

UID
5751
主题
9
帖子
513
贡献
3519
阅读权限
150
注册时间
2024-9-9

念初心

 楼主| 发表于 2024-9-19 21:22:24 | 显示全部楼层
心络羽儿 发表于 2024-9-19 21:18
美美哒图图,祝福依依宝收礼开心

心络羽儿一起开心

    万事皆缘,随遇而安
【花简静音画】◇午后时光

尘外尘

小酒窝/第十三只

Rank: 8Rank: 8

UID
182
主题
306
帖子
13916
贡献
-28007
阅读权限
255
注册时间
2019-10-12

青依我心飞翔自游自在轻时光快乐笔小仙女开心哇好心情小资情调莫失莫忘刷图大咖好运风车我爱我家忘忧花一米阳光乐悠悠欢喜猫快乐熊千千结棉花糖花香精灵静水流深燃情首发小酒窝初心小暖雪谷风车春的花信春琉响花曦潮星雪珞花蕾初响风谷晴天念初心

发表于 2024-9-19 23:20:15 | 显示全部楼层
花简静 发表于 2024-9-19 21:11
@青依
生命,是一场美好的遇见。我遇见你,就遇到了惊喜。
小酒窝里有许多制图大师,羡慕已久~五周年注 ...

这么漂亮的帖子,喜欢呐,非常喜欢,辛苦静儿宝宝。


人生难得是从容,走自己的路。。。。
使用高级回帖 (可批量传图、插入视频等)

发表回复

游客
请先登录
您需要登录后才可以回帖 登录 | 中文注册

本版积分规则   Ctrl + Enter 快速发布  

关闭

站长推荐上一条 /1 下一条

Powered by Discuz! X3.4  本站已快乐运行: |
Copyright © 2008-2020 Www.Fqingy.Com All Rights Reserved.
快速回复 返回顶部 返回列表