Neon Light on text part 10

Published: 22 January 2022
on channel: Masters In Web Design
14
2

How to make neon light effect i using CSS

/*CSS*/
*,*::before,*::after{
padding: 0;
margin: 0;
box-sizing: border-box;
}
body{
font-family: sans-serif;
background: #222;
width: 100%;
min-height: 100vh;
display: grid;
place-items: center;
}
body h1{
font-size: 6rem;
font-weight: 900;
text-transform: uppercase;
color: #FFF;
text-shadow: 0 0 5px #0FF,
0 0 10px #0FF,
0 0 20px #0FF,
0 0 40px #0FF,
0 0 80px #0FF,
0 0 90px #0FF,
0 0 100px #0FF,
0 0 120px #0FF,
0 0 140px #0FF,
0 0 160px #0FF;
}


Watch video Neon Light on text part 10 online, duration hours minute second in high quality that is uploaded to the channel Masters In Web Design 22 January 2022. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 14 times and liked it 2 visitors.