Html 为什么我的css转换不起作用？

我希望我的标志有一个凉爽的阴影出现在他们面前，当我悬停在他们，但它不工作。我添加了一些类型的边框，因此当我将鼠标悬停在它上时，它会出现，但只出现在边上，我使用了z-index:-1；，因此，我的徽标会出现，而不是边框，然后当我将鼠标悬停在徽标上时，边框会移到一侧，但它不起作用

HTML

---

很难准确地理解你想要的最终结果是什么，这很接近吗

* { 框大小：边框框； } 页脚{ 宽度：100%； 显示：块； 填充：50px0； 背景色：262626； 显示器：flex； 对齐项目：居中； 证明内容：中心； 文本对齐：居中； } .底部{ 列表样式：无； 显示器：flex； } 李先生{ 位置：相对位置； 显示器：flex； 字体大小：30px； 高度：60px； 宽度：60px； 边界半径：50%； 背景：黑色； 线高：60px； 利润率：0.15px； 过渡：所有0.2秒缓解； 光标：指针； 证明内容：中心； 对齐项目：居中； } 李安先生{ 颜色：666； 显示器：flex； 文字装饰：无； } 李：悬停{ 转换：scale1.2； 盒影：0 15px d35400； 边框：2个实心d35400； }

---

很难准确地理解你想要的最终结果是什么，这很接近吗

* { 框大小：边框框； } 页脚{ 宽度：100%； 显示：块； 填充：50px0； 背景色：262626； 显示器：flex； 对齐项目：居中； 证明内容：中心； 文本对齐：居中； } .底部{ 列表样式：无； 显示器：flex； } 李先生{ 位置：相对位置； 显示器：flex； 字体大小：30px； 高度：60px； 宽度：60px； 边界半径：50%； 背景：黑色； 线高：60px； 利润率：0.15px； 过渡：所有0.2秒缓解； 光标：指针； 证明内容：中心； 对齐项目：居中； } 李安先生{ 颜色：666； 显示器：flex； 文字装饰：无； } 李：悬停{ 转换：scale1.2； 盒影：0 15px d35400； 边框：2个实心d35400； } 您的样式设置已启用。bottom li：：before{throuse.bottom li是您希望在悬停时触发的

.bottom li:hover{
 transform: scale(1.2);
 box-shadow: 0 0 15px #d35400;
}

请注意，CSS3的.footer中有两个display in，而before中有两个冒号：：：before

您的样式设置已打开。bottom li：：before{因此。bottom li是您希望在悬停时触发的

.bottom li:hover{
 transform: scale(1.2);
 box-shadow: 0 0 15px #d35400;
}

---

请注意，CSS3的.footer和before中有两个display in.footer和两个冒号：：before

这将使用带悬停的框阴影。因此，当您将鼠标悬停在框上时，框将高亮显示

CSS

例如：

---

这将使用带悬停的框阴影。因此，当您将鼠标悬停在框上时，框将高亮显示

CSS

例如：

---

这很接近，但不是我想要的。我在边框内得到的颜色，我想要的是外面的颜色，而不仅仅是盒子的阴影。然后在里面，我会尝试让标志f、youtube、twitter在悬停时变亮。我已经更新了链接。我不确定是否理解，所以我删除了盒子内的橙色。然后你想变亮吗徽标？我在徽标上添加了白色。这很接近，但不是我想要的颜色。我在边框内得到的颜色，我想要的是外面的颜色，而不仅仅是框的阴影。然后在里面，我会尝试让f、youtube、twitter的徽标在悬停时变亮。我更新了链接。我不确定是否理解，所以我删除了我想要的橙色在盒子里面。然后你想让徽标变亮吗？我在徽标上加了一个白色。发布代码时，请尽可能使用代码片段。这看起来更干净，你甚至可以在这个网站上运行代码，而不是复制到你使用的任何程序中并在那里运行。好的，注意到。这是我第一次在Stac中回答Koverflow发布代码时，请尽可能使用代码片段。这看起来更干净，你甚至可以在这个网站上运行代码，而不是复制到你使用的任何程序中并在那里运行。好的，注意到。这是我第一次在StackOverflow中回答

.bottom li:hover{
 transform: scale(1.2);
 box-shadow: 0 0 15px #d35400;
}

.bottom {
  transition: box-shadow .3s;
  width: 300px;
  height: 500px;
  margin: 50px;
  border-radius:10px;
  border: 1px solid #ccc;
  background: #fff;
  float: left;
}

.bottom:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
}