海滩

凡哥 · 发表于 2024-8-3 12:45

凡哥 · 发表于 2024-8-3 12:47

花简静 · 发表于 2024-8-3 15:09

赞叹老师总是有无穷无尽的创意来实现贴子效果

花简静 · 发表于 2024-8-3 15:12

这个小播先是建一个120的正方形，设置锥形渐变。。
再用小花做为遮罩，只显示花朵部分。。。
这样锥形渐变看上去就像是小花的花纹。。

再加给锥形渐变的一个动态，当鼠标触碰时有4%的变化，
这样看上去就像小花的花纹在改变。。

花简静 · 发表于 2024-8-3 15:14

下方的海水视频用了线性渐变 -webkit-mask: linear-gradient(to bottom left, transparent, transparent, red);
海水和背景衔接的天衣无缝。。
完全没有任何硬边。。
太自然了。。

花简静 · 发表于 2024-8-3 15:15

渐变课程上完了，灵活使用的实例。。。这才是把渐变的用法用到极致。。。

云笛 · 发表于 2024-8-3 15:49

问好凡凡老师，周末愉快！

每次欣赏到你的作品，都令人惊叹不已！
这个代码太实用了，将视频自然流畅的融入到背景里使画面看起来真实自然，完美结合！

感谢老师精彩无私的分享

花简静 · 发表于 2024-8-3 18:54

云笛发表于 2024-8-3 15:49
问好凡凡老师，周末愉快！
每次欣赏到你的作品，都令人惊叹不已！
这个代码太实用了，将视频自然流畅的融入 ...

同感，感受代码的神奇

凡哥 · 发表于 2024-8-3 22:47

云笛发表于 2024-8-3 15:49
问好凡凡老师，周末愉快！
每次欣赏到你的作品，都令人惊叹不已！
这个代码太实用了，将视频自然流畅的融入 ...

清梦 · 发表于 2024-8-4 08:27

凡哥老师的每一幅作品都是经典，一般人做不到老师这样的水准，佩服仰慕中

[特效] 海滩