box-shadow

1热度

2回答

我试图使用列属性将某些列表项对齐到列中。这些列正确对齐了我的元素，但是每个元素的投影都被破坏了。列的第一个元素的阴影的上部滞后于前一列。请参考下面的图片和this codepen进行演示。下面的代码： HTML： <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <

2热度

1回答

夹箱阴影看起来像我的例子

我想知道我怎么可以复制以下图像目前矿山看起来像下面图像是否有办法我可以将box-shadow剪辑留在酒吧边界或完全以其他方式实现此效果？这里是我的CSS吧： .slider.slider-horizontal { width: 100%; } .slider.slider-horizontal .slider-track { height: 13px; } .sl

3热度

1回答

造型Div - 通过其他div的中间投下阴影

我试图创建CSS样式，看起来像一个翻转计数器，但实际上并没有作为一个功能。我已经看到了一般的外观和感觉，但我似乎无法让我的箱形阴影重叠显示数字。这是我到目前为止有： .numberwrapper { width: 50px; height: 90px; background-color: black; border-radius: 5px;

-3热度

1回答

六边形+边框半径+背景图像，我该怎么做？

我有一个问题你。例如，我得到了this picture，并且需要在其上使用某人的照片（无所谓）对背景图像宽度进行箱形阴影（黄色）。我该如何做对吗？ *更新的图片！

3热度

1回答

箱形阴影影响比例性能

我正在使用transform:scale css属性来缩放图像数组并测量fps性能。在测量性能后，它非常缓慢。结果只有20fps。阅读了关于如何提高性能的一些提示。他们大多建议不要使用box-shadow，因为它很沉重，会降低性能。因此，我设置了box-shadow:none并再次测量性能。不幸的是它给出了相同的结果。出于好奇，我设置了box-shadow:1px 1px 1px blac

-1热度

3回答

如何将box-shadow添加到具有display：table-row的CSS div中？

你如何添加box-shadow到CSS表行？下面的代码中不执行任何添加box-shadow: 2px 2px 2px #888888的元素table-row并且只能在table元素或table-cell元素： .table { display: table; background-color: #ffffff; } .row { display: table-

1热度

1回答

由于box-shadow不能用于显示：表格行元素，我如何模仿表格并在伪行元素上使用box-shadow？

已经是confirmed，无法以兼容所有主流浏览器的方式将box-shadow添加到display:table-row元素。由于我脑海中的原因，不能将一行设置为一个组，因此无法将box-shadow添加到display:table中的整行中，只能将其添加到单个display:table-cell元素中，然后创建垂直阴影，在我不想要的细胞之间。那么我怎么能模仿一个表，其中伪表的所有伪行的第一个伪列

0热度

1回答

在父div上使用动画后出现CSS盒子阴影

所以我有多个div，它们使用css动画显示，但是当div窗口中的子阴影使用盒子阴影时，它会延迟显示。我加了一个精确的例子，它在我的项目中看起来如何。运行代码时请注意标头box-shadow。 https://fiddle.jshell.net/a7Lu3nxx/ 所以我发现，如果我用animation-fill-mode: forwards or both，然后框阴影隐藏在桌子后面，如果我用a

0热度

1回答

如何有两个单元共享盒阴影

所以我在一个棘手的情况：我有外div包装，包含内部div和ul像这样： <div id="wrapper"> <div id="box"></div> <ul id="list">...</ul> </div> 的#list有绝对定位在#box的正下方，但在页面出现和消失时不会移动它和其他元素。由于绝对定位，如果我在#wrapper附近添加边框，它只能在#box左右。

-1热度

1回答

删除箱子的边角并添加阴影

我想创建一个箱子。我想删除箱子右下角的部分箱子。，我需要把一个盒子阴影在这样青色部分去除部： *我不想圆角。