醉美水芙蓉 发表于 2022-10-31 22:26

红影 发表于 2022-10-31 22:35

漂亮的频谱播放器，雪花动态小了点，满布会不会更好点{:4_187:}

起个网名好难 发表于 2022-10-31 22:37

https://img0.baidu.com/it/u=2832424350,2742548897&fm=253&fmt=auto&app=138&f=GIF?w=499&h=329

小辣椒 发表于 2022-10-31 22:43

水芙蓉速度快的，晚上看见就做出来了{:4_187:}

小辣椒 发表于 2022-10-31 22:44

上次黑黑分享的频谱我加大了，感觉也是漂亮，这次也是想做一次

小辣椒 发表于 2022-10-31 22:45

欣赏水芙蓉的精彩制作，加的小动图也是增加画面灵动感{:4_199:}

马黑黑 发表于 2022-10-31 22:55

这个评分后播放器歌词貌似正常

亦是金 发表于 2022-10-31 23:02

水芙蓉老师的制作速度快，歌曲好听，背景好看.赞一个！{:4_178:}

醉美水芙蓉 发表于 2022-11-1 06:38

醉美水芙蓉 发表于 2022-11-1 06:56

醉美水芙蓉 发表于 2022-11-1 06:57

醉美水芙蓉 发表于 2022-11-1 06:57

醉美水芙蓉 发表于 2022-11-1 06:58

马黑黑 发表于 2022-11-1 07:16

醉美水芙蓉 发表于 2022-11-1 06:57
谢谢黑黑老师光临指导，可惜没有制作成功，雪花没有满屏！
你需要更换一种雪花展现方式。这句，


#papa::before { position: absolute; content: url('https://365.tf/disk/tf/1667242630.gif'); transform: translate(40,320px); }

改为，

#papa::before { position: absolute; content: ''; width:100%; height: 100%; background: gray url('https://365.tf/disk/tf/1667242630.gif') repeat; }

如果图片背景透明，则无需加这句 mix-blend-mode: screen; ，非透明背景才用，且，纯白色背景取值是 multiply，纯黑色背景取值 screen 或 difference

相约爱晚亭 发表于 2022-11-1 07:41

欣赏音画佳作！

起个网名好难 发表于 2022-11-1 08:25

本帖最后由 起个网名好难 于 2022-11-1 08:57 编辑

醉美水芙蓉 发表于 2022-11-1 06:56
不成功的制作，雪花没有满屏？
有一个就不愁第二个，试着加个right：0px;
#papa::after { position: absolute; right:0px; content: url('https://365.tf/disk/tf/1667242630.gif'); transform: translate(40,310px); mix-blend-mode: screen; }
或
#papa::before { position: absolute; top:30px; left:30px;content: url('https://365.tf/disk/tf/1667242630.gif'); }
#papa::after{ position: absolute; top:30px; right:30px; content: url('https://365.tf/disk/tf/1667242630.gif'); }

红影 发表于 2022-11-1 14:40

醉美水芙蓉 发表于 2022-11-1 06:38
没有制作成功！我的想法跟你一样！

图片可以平铺的啊。

醉美水芙蓉 发表于 2022-11-1 18:15

醉美水芙蓉 发表于 2022-11-1 18:16

马黑黑 发表于 2022-11-1 20:08

醉美水芙蓉 发表于 2022-11-1 18:15
谢谢黑黑老师指导！

不客气
页: [1] 2
查看完整版本: 爱上飘雪的冬