三角洲行动

马黑黑

杨帆 发表于 2025-8-20 20:39
是一种新思路，如何实现重设背景呢

简单的，就是用JS重新设置背景

杨帆

马黑黑 发表于 2025-8-20 21:26
简单的，就是用JS重新设置背景

呵呵，不简单呢，与变换背景融合方式一样思路吧

红影

马黑黑 发表于 2025-8-20 18:09
思路是一些功能的实现关键。

这个帖子里的思路十分巧妙，很赞

红影

马黑黑 发表于 2025-8-20 18:12
实际上是视频对它的作用产生的这种效果。视频带透明度并且遮罩，在 CSS源 中设置好的。

哦哦，原来是这个原因，完全没想到呢。

上海朝阳

好威武，想起我最喜欢玩的反恐精英CS，这光盘我也曾买过，但玩起来立体感太强头晕

小辣椒

哇塞，这么酷酷的图，现在黑黑不但有粒子特效出来，背景图都是高大上了，整体效果特棒

马黑黑

小辣椒 发表于 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
思路差不多

只是有个方向，跨越思路与实现之间的鸿沟容不得一点点差错

马黑黑

杨帆 发表于 2025-8-21 13:50
只是有个方向，跨越思路与实现之间的鸿沟容不得一点点差错

就是去操作一些CSS属性或CSS变量

红影

马黑黑 发表于 2025-8-21 12:20
其实细心一点的话可以观察：

一、视频上的亮点经过它时的外观；

哦对的，又去仔细看了一下，果然如此呢

红影

马黑黑 发表于 2025-8-21 12:20
谢赞

利用融合的功能在决定图片的显示隐藏，嗯嗯，学到了

杨帆

马黑黑 发表于 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，让它有两个背景，其中一个带透明，另一个不带。可以尝试怎样 ...

好的，谢谢老师耐心指导，我尝试一下

马黑黑

杨帆 发表于 2025-8-21 18:04
好的，谢谢老师耐心指导，我尝试一下

这个做下去，你会有收获。实在还做不来，可以分析一下其它的代码，从中借鉴