Create glowing shadow box using html and css

Html , css , shadow , glow , box , css glow effect ,
Redxcyber
0 minute read

 Create glowing shadow box using html and css



<!doctype html>
<html>
<head>
  <style>
     .box {
     width:50%;
     min-height:50vw;
     background-color:white;}
    
     .box:hover {
     background-color:red;
     box-shadow:5px 5px 700px red;}
     body {
       background-color:black; }
   </style>
</head>
<body>
  <h1 style="color:yellow;text-align:center;"> touch white box </h1>
  <div class="box"></div>
</body>
</html>

Output