杨帆 发表于 2025-8-20 20:39
是一种新思路，如何实现重设背景呢
简单的，就是用JS重新设置背景
本帖最后由 杨帆 于 2025-8-21 09:25 编辑
马黑黑 发表于 2025-8-20 21:26
简单的，就是用JS重新设置背景
呵呵，不简单呢，与变换背景融合方式一样思路吧
马黑黑 发表于 2025-8-20 18:09
思路是一些功能的实现关键。
这个帖子里的思路十分巧妙，很赞{:4_187:}
马黑黑 发表于 2025-8-20 18:12
实际上是视频对它的作用产生的这种效果。视频带透明度并且遮罩，在 CSS源 中设置好的。
哦哦，原来是这个原因，完全没想到呢。
好威武，想起我最喜欢玩的反恐精英CS，这光盘我也曾买过，但玩起来立体感太强头晕
哇塞，这么酷酷的图，现在黑黑不但有粒子特效出来，背景图都是高大上了，整体效果特棒{:4_178:}
小辣椒 发表于 2025-8-21 11:51
哇塞，这么酷酷的图，现在黑黑不但有粒子特效出来，背景图都是高大上了，整体效果特棒
果酱果酱
红影 发表于 2025-8-20 22:07
哦哦，原来是这个原因，完全没想到呢。
其实细心一点的话可以观察：
一、视频上的亮点经过它时的外观；
二、非视频亮点经过它时的外观。
红影 发表于 2025-8-20 22:06
这个帖子里的思路十分巧妙，很赞
谢赞
杨帆 发表于 2025-8-20 21:38
呵呵，不简单呢，与变换背景融合方式一样思路吧
思路差不多
马黑黑 发表于 2025-8-21 12:22
思路差不多
只是有个方向，跨越思路与实现之间的鸿沟容不得一点点差错{:4_173:}
杨帆 发表于 2025-8-21 13:50
只是有个方向，跨越思路与实现之间的鸿沟容不得一点点差错
就是去操作一些CSS属性或CSS变量
马黑黑 发表于 2025-8-21 12:20
其实细心一点的话可以观察：
一、视频上的亮点经过它时的外观；
哦对的，又去仔细看了一下，果然如此呢{:4_187:}
马黑黑 发表于 2025-8-21 12:20
谢赞
利用融合的功能在决定图片的显示隐藏，嗯嗯，学到了{:4_187:}
马黑黑 发表于 2025-8-21 13:55
就是去操作一些CSS属性或CSS变量
感觉也是这样，可操作起来还是我从下手呢
杨帆 发表于 2025-8-21 17:26
感觉也是这样，可操作起来还是我从下手呢
这个要独立去操作：
写一个 div 的 css，让它有两个背景，其中一个带透明，另一个不带。可以尝试怎样让两个背景都能显示出来。
然后写一个 :hover 伪类，重新设置 div 的背景，让它只有一个不带透明的背景。
这个能做到了，就可以考虑用JS取代 :hover 操作背景。
红影 发表于 2025-8-21 15:07
利用融合的功能在决定图片的显示隐藏，嗯嗯，学到了
基于背景的很多设置，transition 过渡设置没有效果，所以，这不是理想的办法。明天我做一个多背景重叠的效果，让隐去的背景有一个过渡时间。
红影 发表于 2025-8-21 15:06
哦对的，又去仔细看了一下，果然如此呢
嗯，这是带透明的视频对元素产生的效果。非完全透明的东东很神奇的。
马黑黑 发表于 2025-8-21 17:58
这个要独立去操作：
写一个 div 的 css，让它有两个背景，其中一个带透明，另一个不带。可以尝试怎样 ...
好的，谢谢老师耐心指导，我尝试一下{:4_173:}
杨帆 发表于 2025-8-21 18:04
好的，谢谢老师耐心指导，我尝试一下
这个做下去，你会有收获。实在还做不来，可以分析一下其它的代码，从中借鉴