编写HTML5代码。霓虹灯效果的文本阴影
<!DOCTYPE html>
<html>
<head>
<title>Neon Text Shadow</title>
<style>
body {
background-color: #000;
text-align: center;
}
<pre><code> h1 {
font-size: 6em;
font-family: 'Neon';
color: #fff;
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
}
@font-face {
font-family: 'Neon';
src: url('neon.ttf');
}
</style>
</code></pre>
</head>
<body>
<h1>Neon Text Shadow</h1>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/bSpF 著作权归作者所有。请勿转载和采集!