Saksham Digital Technology - Best Coding Institute in Bhopal

Neon Text Animation

https://youtube.com/shorts/opwcY_XML6k?si=MOYQylYoUxTW_NPf

HTML CODE:-

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title></title>
</head>
<body>
    <div class="meta head1">Saksham Digital</div>
   <div class="meta head2">Saksham Digital</div>
   <div class="meta head3">Saksham Digital</div>
</body>
</html>

CSS CODE:-

body{
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-family: cursive;
    background-color: black;
}
.meta{
    font-size: 60px;
    margin-top: 60px;
    color: white;
}
.head1{
    text-shadow: 0 0 5px cyan,0 0 10px cyan,
    0 0 15px cyan, 0 0 20px cyan, 0 0 25px cyan,
    0 0 30px cyan;
}
.head2{
    text-shadow: 0 0 5px pink,0 0 10px pink,
    0 0 15px pink, 0 0 20px pink, 0 0 25px pink,
    0 0 30px pink;
}
.head3{
    text-shadow: 0 0 5px lightgreen,0 0 10px lightgreen,
    0 0 15px lightgreen, 0 0 20px lightgreen, 0 0 25px lightgreen,
    0 0 30px lightgreen;
}