Question

我想在悬停时显示一个框阴影并转换到它。我有以下课程。阴影出现，但没有过渡。

我在Chrome浏览器中查看它，可以看到转换是在悬停和非悬停状态下应用于开发人员工具中。

.node{
  -webkit-transition: box-shadow .25s linear;
  -moz-transition: box-shadow .25s linear;
  -ms-transition: box-shadow .25s linear;
  -o-transition: box-shadow .25s linear;
  transition: box-shadow .25s linear;
}

.node:hover{
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

现在，这就是扭曲。如果我将过渡属性应用于在容器上设置的ID，那么它可以工作！？使用ID与类来设置元素转换有何不同？

Answer 1

我同意Sam的观点，似乎有一些压倒一切的风格。尝试使用选择器更具体。

例如，如果您的HTML设置如下：

<div class="item">
    <a class="node">Info</a>
</div>

尝试使用选择器更具体：

.item a.node:hover {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

我希望有所帮助。

Answer 2

.node:hover{
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
-webkit-transition: .25s linear 0s;
-moz-transition: .25s linear 0s;
-o-transition: .25s linear 0s;
transition: .25s linear 0s
}

试试这个。它的作品。

Answer 3

您可能需要在悬停操作之前将esm属性设置为import/export

if i < len(listone):
   listone[i].display

仅此而已

盒子阴影过渡不起作用

3 个答案: