具有阴影效果的HTML5文本

-5

我一直在研究前端开发，但无法实现具有阴影效果的文本。前端由HTML5，CSS3，引导程序和AngularJS编码，因此在设计中，文本字段中存在阴影效果，如Photoshop中的阴影效果。具有阴影效果的HTML5文本

请告诉我如何实现这种阴影效果。

2017-09-04 R.Mirana

你尝试任何研究吗？谷歌带阴影效果的html5文本给出了惊人数量的有用结果 –

注：的Internet Explorer 9和更早的版本不支持text-shadow属性。

而且应该在问任何问题之前搜索Google。因为在这个我的答案是在谷歌搜索的第一个结果。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
h1 { 
 
    text-shadow: 3px 3px #FF1111; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<h1>Some Text</h1> 
 
</body> 
 
</html>

来源

2017-09-04 10:35:19

是否使用问题中的确切标题进行搜索：p –

@JaromandaX。是的，伙计。这就是我在答案中提到的原因。 –

我意识到，但问题的**确切**标题 - 显示OP做出了零努力，但您仍然回答：p –

您可以使用'text-shadow'属性。

了解更多关于文字阴影属性：Text Shadow

在这个例子中，它会影响H1元素。

h1 { 
    text-shadow: 2px 2px #ff0000; 
}

语法：

text-shadow: h-shadow v-shadow blur-radius color;

来源

2017-09-04 10:34:57

具有阴影效果的HTML5文本

回答

相关问题