Html CSS 3带边框的文本阴影
我有一种叫做Myriadro BoldIt的字体,我在photoshop上用它创建了一个文本设计,如下所示 我尝试使用css将以下代码添加到我之前转换为web字体的相同字体中,从而添加这种样式Html CSS 3带边框的文本阴影,html,css,Html,Css,我有一种叫做Myriadro BoldIt的字体,我在photoshop上用它创建了一个文本设计,如下所示 我尝试使用css将以下代码添加到我之前转换为web字体的相同字体中,从而添加这种样式 -webkit-text-stroke: 1px black; color: white; text-shadow:3px 3px 0 #000,-1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; 但它并没有给出同样的结果
-webkit-text-stroke: 1px black;
color: white;
text-shadow:3px 3px 0 #000,-1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
但它并没有给出同样的结果。有人知道如何使用css创建此类字母吗?您是否尝试过:
color: black;
text-shadow:
2px 2px 0 white,
3px 3px 0 gray;
您必须调整坐标和字体大小,以使某些内容看起来很好。
您是否简单地尝试过:
color: black;
text-shadow:
2px 2px 0 white,
3px 3px 0 gray;
您必须调整坐标和字体大小,以使某些内容看起来很好。
我能做这样的事情
h1 {
font-size: 100px;
font-weight: bold;
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff,
-1px 1px 0 #fff, 3px 3px 5px #333;
}
我能做这样的事情
h1 {
font-size: 100px;
font-weight: bold;
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff,
-1px 1px 0 #fff, 3px 3px 5px #333;
}
以下是一个效果良好的演示:
还有一个CSS技巧教程:这里是一个效果很好的演示:
还有一个CSS技巧教程:您可以调整值以获得所需的效果。如果答案对您有帮助,您可以接受:)IE 9不起作用,您是否知道过滤器:progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);要添加ie 9,您可以调整值以获得所需的效果。如果答案对您有帮助,您可以接受:)IE 9不起作用,您是否知道过滤器:progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);为ie 9添加