小编Asi*_*zad的帖子

当有人使用 CSS 和 JS 悬停其中一个元素时如何模糊元素的其余部分

.menu-container {
}

.menu-container .menu-option {
}
Run Code Online (Sandbox Code Playgroud)
<section class="menu-container">
  <p id="option-one" class="menu-option">Option One</p>
  <p id="option-two" class="menu-option">Option Two</p>
  <p id="option-three" class="menu-option">Option Three</p>
  <p id="option-foure" class="menu-option">Option Four</p>
</section>
Run Code Online (Sandbox Code Playgroud)

我有四个带有这些 ID 的菜单元素(选项一、选项二、选项三、选项四)。

当有人将鼠标悬停在其中一个选项上时,他们会使用 JS 或 CSS 模糊其余选项,悬停元素之前或之后的选项都会被模糊,但悬停元素不会。

html javascript css

2
推荐指数
1
解决办法
63
查看次数

标签 统计

css ×1

html ×1

javascript ×1