问题标签 [box-shadow]

我正在尝试在 div 的底部和顶部创建一个提升的角、3d 框效果。我能够在 div 的底部创建所需的效果，但无法弄清楚如何模仿顶部的效果。有谁知道如何在 div 的底部和顶部实现这一点？

这是一个 JSFiddle：https ://jsfiddle.net/rnejan81/

How do i get box-shadow effect like the one below in css. my div is like the one below but without the shadows.

我刚刚遇到了一个有趣的问题。我有 3 个 div 彼此相邻，显示：inline-block 和宽度：32%。它们都有一个按钮，里面有盒子阴影集。

输出：

http://imgur.com/a/3HWyp

正如您在第一张图片中看到的那样，第一个按钮和第三个按钮上有阴影，但阴影的方向与第二个按钮的方向不同。

我已经检查了调试器中的所有内容，它们具有相同的 box-shadow 设置。

如果我将 inline-block 更改为 inline 只是为了测试（第二张图片），阴影会进入相同的（右）方向，但是 - 当然 - 宽度存在问题。

我需要将 3 个按钮并排放置。

请帮忙 ：）

提前致谢！

我有 2 个包含一些内容的 div。一个“盒子”和一个“圆圈”现在我只想让它们看起来像一个人物。类似于底部中心带有圆圈部分的盒子。很难用语言来解释它，我想显示一些代码会更好。

标记：

CSS：

现在我想切断圆圈边界的上部（阴影）。任何人都知道如何完成这项工作？也许还有另一种（更好的）方法可以做到这一点？

非常感谢

当使用 box-shadow 将填充应用到其内容包装在容器内的跨度的左侧和右侧时，我遇到了一个奇怪的问题：

它仅将左阴影应用于第一行，而将右阴影仅应用于最后一行。

http://jsfiddle.net/3zeL5ux8/2/是在 Chrome 和各种 IE 版本中按预期工作的测试用例（请参阅http://imgur.com/XhX1kco以获得完美的渲染），为什么 Firefox 会搞砸呢？

我在我的 web 一侧和容器 div 的两侧使用 box shadow 属性，Chrome 在执行滚动时给了我一个可怕的延迟。

自 2011 年以来我一直在研究和报告这个问题，但没有成功，Chrome 仍然没有解决这个问题。

使用 CSS3 box-shadow 属性滚动滞后？

我想知道目前是否有任何解决方案可以解决这个问题。

在 Explorer 10、11 和 Edge 中将完善网络。在 Mozilla 和 Opera 中也是如此。滚动时 fps 的下降仅发生在 Chrome 中。

在这里，他们给出了一个可能的解决方案，但似乎不是很聪明：

使用 CSS3 box-shadow 属性滚动滞后？

解决方法是给div添加一个透明的png边框。

今天还有其他解决方案吗？谢谢

Bootstrap 框架使用简短的语法来定义box-shadowfor div.form-control:focus：

逗号前的部分是什么？逗号后面的部分定义了阴影的外观，但是前面的部分呢？我在哪里可以找到有关此的更多信息？

在谷歌上搜索这个我在 w3schools 上找到了一个页面，但它似乎只解释了逗号后面的部分，而我之前不理解这部分。

我在 Codepen 上看到了这段代码。它是一个更大项目的一部分。我的问题是为什么 box-shadow 有两组“插入”属性？两者的功能相同吗？我可以删除其中一个吗？在此先感谢您的帮助！！

链接到原始项目：http ://codepen.io/tholman/pen/BLeJs

我正在尝试复制与此类似的内容：

div底部的阴影有点弧度，在中心更高，然后变薄，更远一点。

我想知道这是否可以通过css中的某种盒子阴影效果来实现。目前，我的 div 底部出现了一个盒子阴影，它一直保持平坦。

根据要求的当前框阴影：

任何建议表示赞赏。

我有这个幻灯片放映：http ://andrewolff.jalbum.net/Nepal/在 iF​​rame 中运行：

在此页面上显示的表格中：http ://www.andrewolff.nl/TestAlbum/EmbeddedAlbums/

幻灯片由具有边框半径和阴影的绝对定位图像组成：

这工作正常，除了阴影在底部不起作用。我已经尝试在图像周围留出 10px 的边距，但这并没有帮助。10px 的填充也无济于事。我也玩了z-index没有结果。谁知道解决办法？