Javascript 如何将鼠标悬停在按钮上，使其出现方框阴影'；使用jQuery使包含Div的s变暗

我似乎找不到这样的例子，尽管我知道我以前见过。基本上，当您将鼠标悬停在按钮上，以div为中心（该div上已经有一个长方体阴影），div的长方体阴影的不透明度会变暗

因此，如果您看一下这个，当您将鼠标悬停在“查看我的工作”上方时，

上方的框阴影应该从

box阴影：插入0.4000px rgba（27,61,88,5）

到

box阴影：插入0.4000px rgba（27,61,88,8）

以下是所讨论的HTML和CSS：

HTML:

我已经看到了，但它不涉及在悬停在另一个元素上时更改一个元素的框阴影。这需要JavaScript吗？谢谢你的建议
 不能使用子项选择器更改父项属性。在这种情况下，您可以将
框影
从
.business presentation更改为
背景色
和
框影
在
.view websites`按钮上的组合。看

或更改如下：

.business-presentation {
    /* box-shadow: .. */ /* remove box-shadow
    overflow: hidden;
}

.visit-websites {
    background-colour: rgba(27,61,88,.5);
    box-shadow: 0 0 0 400px rgba(27,61,88,.5);
}

.visit-websites:hover {
    background-colour: rgba(27,61,88,.8);
    box-shadow: 0 0 0 400px rgba(27,61,88,.8);
}

不能使用子级选择器更改父级属性。在这种情况下，您可以将
框影
从
.business presentation更改为
背景色
和
框影

在.view websites`按钮上的组合。看

或更改如下：

.business-presentation {
    /* box-shadow: .. */ /* remove box-shadow
    overflow: hidden;
}

.visit-websites {
    background-colour: rgba(27,61,88,.5);
    box-shadow: 0 0 0 400px rgba(27,61,88,.5);
}

.visit-websites:hover {
    background-colour: rgba(27,61,88,.8);
    box-shadow: 0 0 0 400px rgba(27,61,88,.8);
}

---

您可以使用jQuery

mouseenter（）

&

mouseout（）

---

请参见此处

您可以使用jQuery

mouseenter（）

和

mouseout（）

---

请看这里

这是一个有效的方法-谢谢！有没有一种方法可以改变过渡速度，使其褪色为较暗的不透明度？改变过渡速度的方法实际上是使用CSS。只需调整css中类的样式，即具有

框阴影的类：inset 0 4000px rgba（27,61,88,8）和添加<代码>转换：框阴影0.4s易入易出。这是一个有效的-谢谢！有没有一种方法可以改变过渡速度，使其褪色为较暗的不透明度？改变过渡速度的方法实际上是使用CSS。只需调整css中类的样式，即具有
框阴影的类：inset 0 4000px rgba（27,61,88,8）和添加<代码>转换：框阴影0.4s易入易出。
.business-presentation {
    /* box-shadow: .. */ /* remove box-shadow
    overflow: hidden;
}

.visit-websites {
    background-colour: rgba(27,61,88,.5);
    box-shadow: 0 0 0 400px rgba(27,61,88,.5);
}

.visit-websites:hover {
    background-colour: rgba(27,61,88,.8);
    box-shadow: 0 0 0 400px rgba(27,61,88,.8);
}