T台人生

马黑黑

南无月 发表于 2024-8-4 19:48
这算是明白了。。。
开始状态其实上层观众是全遮状态，完全看不到。。
所以此时看到的是下面的背景加视 ...

事情就是这么一个事情

南无月

马黑黑 发表于 2024-8-4 19:40
这里，JS再怎么复杂，都是基于CSS的：函数 mState 联动管理动静，依据音频的暂停/播放；zMask 函数负责遮 ...

现在又讲一次那就更清晰了。。
音频暂停播放几乎贴贴都在用。
--pos 的值数刚开始接触 ，只能先混个脸熟。。
移入移出控制JS变量 zDo 的值。。移入移出看贴 的时候就看出来，很神，原来是这个值在起作用。
zMask 函数被触发。。
好吧，这么说好象JS跟效果都能对上了。。至少大概知道哪个动作是谁在控制起作用

zStep 是步进值，这个步进值是控制速度的么

南无月

马黑黑 发表于 2024-8-4 19:40
严格来讲不是渐变，是线性渐变用于遮罩

先把图遮罩起来，再逐渐显出来。。现在算是想通了

南无月

马黑黑 发表于 2024-8-4 19:46
今后的小白课程会讲到伪元素，这里提前吱一声。

::after 伪元素层级很高，宿主元素之下，所有的子元素 ...

好哒，这个我记得了。昨天的那个天高的贴子，就自己添了一个伪元素。。

南无月

马黑黑 发表于 2024-8-4 19:49
事情就是这么一个事情

这么一件事没讲还是不明白
今天盲盒没开清楚。。有点难

马黑黑

南无月 发表于 2024-8-4 19:54
现在又讲一次那就更清晰了。。
音频暂停播放几乎贴贴都在用。
--pos 的值数刚开始接触 ，只能先混个脸 ...

这些都是自定义的值，是根据设计需要设计的

红影

马黑黑 发表于 2024-8-4 19:44
这是层级关系问题：

帖子容器和视频融为一体，它们是一个单位；伪元素 ::after 自带背景，是另一个单 ...

是啊，这样的面积变化，有奇妙的翻卷效果

红影

马黑黑 发表于 2024-8-4 19:44
遮猫技术不止一种

遮来遮去，变化无穷

红影

马黑黑 发表于 2024-8-4 19:47
选择器:hover 不是新内容吧

css离的常见，js离的这个应用很新啊。

马黑黑

红影 发表于 2024-8-4 22:23
css离的常见，js离的这个应用很新啊。

mouseover 和 mousemove 在很多帖子中常用到的

马黑黑

红影 发表于 2024-8-4 22:20
遮来遮去，变化无穷

要说声sorry

马黑黑

红影 发表于 2024-8-4 22:19
是啊，这样的面积变化，有奇妙的翻卷效果

这和渐变色彩接壤的设计有关吧，预留的软过渡空间稍稍多一点就成

红影

马黑黑 发表于 2024-8-4 22:26
mouseover 和 mousemove 在很多帖子中常用到的

对这个还是不熟悉呢

红影

马黑黑 发表于 2024-8-4 22:26
要说声sorry

为什么说这个，没看懂。

红影

马黑黑 发表于 2024-8-4 22:27
这和渐变色彩接壤的设计有关吧，预留的软过渡空间稍稍多一点就成

是的，这个接壤的设计很有讲究，去做了个帖子，就觉得这里面很有讲究。
帖子还没发出来，一会回完帖子去发。

马黑黑

红影 发表于 2024-8-4 22:39
对这个还是不熟悉呢

over是移入，move是在上面移动

红影

马黑黑 发表于 2024-8-4 23:05
over是移入，move是在上面移动

这个需要在制作中去体会了

马黑黑

红影 发表于 2024-8-4 23:14
这个需要在制作中去体会了

这几个元素的设备指针响应事件很常用的

南无月

马黑黑 发表于 2024-8-4 20:31
这些都是自定义的值，是根据设计需要设计的

好哒，好多个新的点，多看几遍混脸熟

梦江南

太棒了！