将Boxshadow从Photoshop转换为CSS

将Boxshadow从Photoshop转换为CSS,css,Css,我试图在CSS中获得与在Photoshop中相同的效果,但无论我做什么尝试,我都无法在CSS中获得相同的锐利效果。我尝试了CSS Photoshop,也尝试了不同的值,它的边缘总是模糊的 .c-depot{ 边缘底部:24px; 文本对齐:居中; } .c-车辆段配电箱{ 对齐项目:居中; 显示器:flex; 弯曲方向:立柱; 浮动:左; 证明内容:中心; 填充:24px0; 宽度:250px; } .c-depot____箱——阴影{ -网络工具包盒阴影:0px 10px 20px 0px

我试图在CSS中获得与在Photoshop中相同的效果,但无论我做什么尝试,我都无法在CSS中获得相同的锐利效果。我尝试了CSS Photoshop,也尝试了不同的值,它的边缘总是模糊的

.c-depot{
边缘底部:24px;
文本对齐:居中;
}
.c-车辆段配电箱{
对齐项目:居中;
显示器:flex;
弯曲方向:立柱;
浮动:左;
证明内容:中心;
填充:24px0;
宽度:250px;
}
.c-depot____箱——阴影{
-网络工具包盒阴影:0px 10px 20px 0px rgba(0,0,0,0.3);
-moz盒阴影:0px 10px 20px 0px rgba(0,0,0,0.3);
盒影:0px 10px 20px 0px rgba(0,0,0,0.3);
}
.c-depot_____________________________{
-网络工具包盒阴影:0px 10px 20px 0px rgba(0,0,0,0.3);
-moz盒阴影:0px 10px 20px 0px rgba(0,0,0,0.3);
盒影:0px 10px 20px 0px rgba(0,0,0,0.3);
}

1.
公式化ausfüllen
甘茨艾因巴赫在线

2. 验证人 ganz einfach von Zu Hause aus

3. 失败者 ganz einfach Rendite einfahren


我知道问题所在,要获得完美的阴影确实很困难。我建议使用生成器来创建阴影


此外,您还应将
.c-depot\u框的
背景色设置为白色

尝试将列重叠一点,并给它一个边框

提示:在Chrome开发工具(F12)中,您可以通过单击紫色图标轻松编辑框阴影

.c-depot{
边缘底部:24px;
文本对齐:居中;
}
.c-车辆段配电箱{
边框:1px实心#e2;
对齐项目:居中;
显示器:flex;
弯曲方向:立柱;
浮动:左;
证明内容:中心;
填充:24px0;
宽度:250px;
背景色:#fff;
}
.c-depot____箱——阴影{
-网络工具包盒阴影:0px 10px 20px 0px rgba(0,0,0,0.15);
-moz盒阴影:0px 10px 20px 0px rgba(0,0,0,0.15);
盒影:0px 10px 20px 0px rgba(0,0,0,0.15);
}
.c-depot_____________________________{
-网络工具包盒阴影:-9px 2px 20px 0px rgba(0,0,0,0.15);
-莫兹盒阴影:-9px20x20px0pxRGBA(0,0,0,0.15);
盒影:-9px20x20px0pxRGBA(0,0,0,0.15);
左边距:-5px;
}
.c-depot______________________________{
左边距:-5px;
-网络工具包盒阴影:-9px 2px 20px 0px rgba(0,0,0,0.15);
-莫兹盒阴影:-9px20x20px0pxRGBA(0,0,0,0.15);
盒影:-9px20x20px0pxRGBA(0,0,0,0.15);
}

1.
公式化ausfüllen
甘茨艾因巴赫在线

2. 验证人 ganz einfach von Zu Hause aus

3. 失败者 ganz einfach Rendite einfahren


这是评论,不是答案。请赢得评论权。