CSS文本阴影

Question

是否有一种方式可以在CSS中添加类似于Photoshop中创建的文本阴影的text-shadow？我已经尝试过了，但生成的阴影仍与在Photoshop中不同。

- Wizard

Answer 1

简短回答是不行。

Adobe Photoshop和各个浏览器对阴影的解读方式不同，你需要凭眼判断。

- Jezen Thomas

Answer 2

嘿，你可以做到这个。

.div{
box-shadow:0 0 0 0 rgba(0,0,0,1); //  outer shadow of box
box-shadow:0 0 0 0 rgba(0,0,0,1) inset; // inner shadow of box
text-shadow:0 0 0 rgba(0,0,0,1); // for text shadow 
}

点击此处获取更多信息 http://css-tricks.com/snippets/css/css-text-shadow/

- Rohit Azad Malik

Answer 3

试试这样做

yourDiv
{
box-shadow: 8px 8px 5px #000000;
}

根据设计尝试不同的像素，以及颜色，使用取色器检查精确的颜色代码。

- khurram

Answer 4

如上所述，这是完全不可能的。因为浏览器渲染阴影的方式与Photoshop不同。

- Subhajit