当前位置： 移动技术网 > IT编程>网页制作>CSS > CSS3实现的文本3D效果附图

CSS3实现的文本3D效果附图

2019年07月25日  | 移动技术网IT编程  | 我要评论
代码如下：

复制代码
代码如下:

<!doctype html>
<html>
<head>
<style>
h1
{
color: #3d3d3d;
font-size: 200px;
text-shadow: 0px -1px 0px #858585, 0px 1px 10px rgba(0, 0, 0, 0.6), 0px 6px 1px rgba(0, 0, 0, 0.1), 0px 0px 5px rgba(0, 0, 0, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 3px 5px rgba(0, 0, 0, 0.2), 0px 7px 10px rgba(0, 0, 0, 0.25), 0px 15px 10px rgba(0, 0, 0, 0.2), 0px 25px 15px rgba(0, 0, 0, 0.15);
}
</style>
</head>
<body>
<h1>文本3d效果！</h1>
</body>
</html>

效果如下图：

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网