T台人生

雨声

凡哥 发表于 2024-8-4 19:30
播放器是纯图片

好哒，学习几天才知道了播放器图片形成的

雨声

凡哥 发表于 2024-8-4 19:31
晚上嚎

凡凡老师晚上同嚎

花简静

贴子结构：
最下方是舞台的图片，中间是视频人物在镜子中，最上方是人群图片。。。
最上方人群有线性渐变遮罩

花简静

鼠标移动到贴子上方，线性渐变动态开始，来回循环，永动。。。。
鼠标移出贴子后，或者鼠标移动到小播上，动态结束

花简静

鼠标触碰到小播，会有光晕出现
这个小播向上用了负值 ，移出贴子一半，看上去像领结一般，很是漂亮

凡哥

花简静 发表于 2024-8-4 19:37
鼠标触碰到小播，会有光晕出现
这个小播向上用了负值 ，移出贴子一半，看上去像领结一般，很是漂亮 ...

前提是，帖子容器不能设置 overflow: hidden;

凡哥

雨声 发表于 2024-8-4 19:35
凡凡老师晚上同嚎

嚎嚎更快乐

凡哥

雨声 发表于 2024-8-4 19:34
好哒，学习几天才知道了播放器图片形成的

任何可视元素都可以充当播放控制器

凡哥

雨声 发表于 2024-8-4 19:33
哦，看着是好复杂，明白了，谢谢凡凡老师

实现逻辑不复杂，过程有些难度

凡哥

花简静 发表于 2024-8-4 19:34
前面都是静态渐变，使图片或者视频融合自然。。
今天这个贴子是动态渐变，通过JS控制渐变反复循环。。 ...

mask