Read more
Neon text efect
Hello Guys in this article I will so you my new text effect the name is neon text it is very styleing tex to glow your text .
Here is source code-
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>neon text</title>
<style>
body{
display:flex;
align-items: center;
justify-content:center;
min-height:100px;
background:#000;
}
h2{
font-size:6em;
font-weight:500;
color:#222;
letter-spacing:5px;
cursor:pointer;
text-transform:uppercase
}
h2 span{
transition:0.5s;
}
h2:hover span:nth-child(1)
{
margin-right:10px;
}
h2:hover span:nth-child(1):after{
content:"";
}
h2:hover span:nth-child(2)
{
margin-left:40px;
}
h2:hover span{
color:#fff;
text-shadow:0 0 20px #fff;
0 0 40px #fff;
0 0 60px #fff;
0 0 80px #fff;
0 0 100px #fff;
0 0 120px #fff;
}
</style>
</head>
<body>
<h2><span>1</span>m<span>possible</span></h2>
</div>
</body>
</html>
0 Reviews