CodePen Embed - :focus

<!DOCTYPE HTML>  
<html>  
  <style>  
  form{  
  text-align:center;  
  }  
  input:focus{  
         border:5px solid lightblue;  
         box-shadow:10px 10px 10px black;  
         color: blue;  
         width:300px;  
         }  
   </style>  
 <body>  
  <form>  
    <h1>Nama: <input type="text" value="Masukkan nama Anda"></h1>  
   </form>  
</body>  
</html>

This Pen is owned by Herbert on CodePen.

See more by @hervansin on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.