search

Home >Web Front-end >HTML Tutorial >CSS3 text 3D effect_html/css_WEB-ITnose

CSS3 text 3D effect_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:01:051166browse

The code is as follows: 

<!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>

效果如下图：

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：How to use CSS to change the background color when the mouse moves up onmouseover, onmouseout_html/css_WEB-ITnoseNext article：How to use CSS to change the background color when the mouse moves up onmouseover, onmouseout_html/css_WEB-ITnose

Related articles

See more