如何在元素的一侧添加框形阴影？
我需要在某个block元素上创建一个盒子阴影，但仅在其右侧（例如）。我做的方式是包装内部元件box-shadow到外层一个padding- right和overflow:hidden;这样的阴影其他三面是不可见的。
有没有更好的方法来实现这一目标？喜欢box-shadow-right吗？
编辑 ：我的意图是 仅 创建阴影的垂直部分。repeat-y与规则的作用完全相同background:url(shadow.png) 100% 0% repeat-y。
问题答案：
是的，您可以使用box-shadow规则的shadow spread属性：
.myDiv
{
border: 1px solid #333;
width: 100px;
height: 100px;
box-shadow: 10px 0 5px -2px #888;
}
<div class="myDiv"></div>
第四个属性-2px是阴影散布，您可以使用它来改变阴影的散布，使阴影看起来仅在一侧。
这也使用阴影定位规则10px将其发送到右侧（水平偏移）并将其0px保留在元素下（垂直偏移）。
5px 是模糊半径:)
-
问题内容： 有没有办法只在底部放阴影？我有一个菜单，彼此相邻有2张图像。我不想要正确的阴影，因为它会重叠正确的图像。我不喜欢为此使用图像，因此有一种方法可以将其仅放置在底部，例如： 或类似的？ 问题答案： 更新4 与更新3相同，但具有现代的CSS（=较少的规则），因此不需要在伪元素上进行特殊定位。 更新3 我以前所有的答案都一直在使用额外的标记来创建此效果，而这并不是必需的。我认为这是一种 更 清
-
问题内容： 我用以下问题创建了CircularImageView：在android中创建圆形图像视图 在GitHub上下载项目 1）这是CircularImageView类： 2）我在我的布局中使用这样的： 你可以通过gradle依赖关系使用或下载带有所有修复程序的GitHub库 CircularImageView： compile ‘com.mikhaellopez:circularimagev
-
主要活动。xml 这是一张圆形的照片。xml: 我尝试了一些阴影效果的代码，但它不起作用。
-
问题内容： 以任何方式在左侧和右侧（水平？）上获得盒子阴影，而没有骇客或图像。我在用： 但它给周围的阴影。 我周围没有边界。 问题答案： 注意： 我建议在下面查看@Hamish的答案；它不涉及此处所述解决方案中不完善的“掩盖”。 您可以使用多个框阴影来接近；每一侧一个 编辑 在顶部和底部的顶部再添加2个阴影，以掩盖流血的阴影。
-
我需要使我的长方体阴影看起来像一个边框：如果我有一个具有插入的长方体阴影的父对象，并且我在其中放置了一个子div，则长方体阴影应该覆盖子div，如图所示，并带有边框： jsFiddle：http://jsfiddle.net/7rRsw/2/ 这个问题有没有类似于z索引或css黑客的东西？ 编辑：我需要使用框阴影插入无边框或框捕捉。我正在寻找黑客，使这只可能与盒影。一种可能的方法是在子div的左右
-
所以我的处境很棘手：我有一个外部的包装器，它包含一个内部的和一个，如下所示： 必须绝对定位在的正下方，但不能在页面出现和消失时移动它和其他元素。 因为它是绝对定位的，如果我在周围添加一个边框，它只在周围。问题是，我需要一个阴影，可以无缝地围绕两个元素。 我在搜索google/stackoverflow时遇到的三种解决方案是： > 给这两个元素赋予它们自己的阴影，然后使用去除上的顶部阴影，使其看起来