南无月 发表于 2024-8-4 19:48
这算是明白了。。。
开始状态其实上层观众是全遮状态，完全看不到。。
所以此时看到的是下面的背景加视 ...
事情就是这么一个事情
马黑黑 发表于 2024-8-4 19:40
这里，JS再怎么复杂，都是基于CSS的：函数 mState 联动管理动静，依据音频的暂停/播放；zMask 函数负责遮 ...
现在又讲一次那就更清晰了。。
音频暂停播放几乎贴贴都在用。
--pos 的值数刚开始接触 ，只能先混个脸熟。。{:4_170:}
移入移出控制JS变量 zDo 的值。。移入移出看贴 的时候就看出来，很神，原来是这个值在起作用。
zMask 函数被触发。。
好吧，这么说好象JS跟效果都能对上了。。至少大概知道哪个动作是谁在控制起作用
zStep 是步进值，这个步进值是控制速度的么{:4_173:}
马黑黑 发表于 2024-8-4 19:40
严格来讲不是渐变，是线性渐变用于遮罩
{:4_170:}先把图遮罩起来，再逐渐显出来。。现在算是想通了
马黑黑 发表于 2024-8-4 19:46
今后的小白课程会讲到伪元素，这里提前吱一声。
::after 伪元素层级很高，宿主元素之下，所有的子元素 ...
好哒，这个我记得了。昨天的那个天高的贴子，就自己添了一个伪元素。。{:4_173:}
马黑黑 发表于 2024-8-4 19:49
事情就是这么一个事情
这么一件事没讲还是不明白{:4_170:}
今天盲盒没开清楚。。有点难
南无月 发表于 2024-8-4 19:54
现在又讲一次那就更清晰了。。
音频暂停播放几乎贴贴都在用。
--pos 的值数刚开始接触 ，只能先混个脸 ...
这些都是自定义的值，是根据设计需要设计的
马黑黑 发表于 2024-8-4 19:44
这是层级关系问题：
帖子容器和视频融为一体，它们是一个单位；伪元素 ::after 自带背景，是另一个单 ...
是啊，这样的面积变化，有奇妙的翻卷效果{:4_187:}
马黑黑 发表于 2024-8-4 19:44
遮猫技术不止一种
遮来遮去，变化无穷{:4_173:}
马黑黑 发表于 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 在很多帖子中常用到的
对这个还是不熟悉呢{:4_173:}
马黑黑 发表于 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是在上面移动
这个需要在制作中去体会了{:4_173:}
红影 发表于 2024-8-4 23:14
这个需要在制作中去体会了
这几个元素的设备指针响应事件很常用的
马黑黑 发表于 2024-8-4 20:31
这些都是自定义的值，是根据设计需要设计的
{:4_191:}好哒，好多个新的点，多看几遍混脸熟{:4_173:}
太棒了！{:4_187:}