I'm trying to achieve a box div with box shadow effect.
虽然出于某种原因容器看起来与我的正方形网格不对齐,但我设法在 css 上完成了它。如果有人可以检查我做错了什么,那就太好了!
完整代码 here
.square-container {
width: 350px;
position: absolute;
top:50%;
left:50%;
box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
所以我正在尝试的是在具有框阴影影响的容器中的正方形网格。
最佳答案
检查这个JS Fiddle
CSS
.trigger {
float:left;
}
.panel {
/*margin-top:47px;*/
}
.panel .front {
/*position: absolute;*/
}
关于html - 盒子阴影到 div 容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42105888/