Posted By

robnilas on 01/21/17


Tagged


Versions (?)

Glowing Blue Input Highlights


 / Published in: CSS
 

  1. input[type=text], textarea {
  2. -webkit-transition: all 0.30s ease-in-out;
  3. -moz-transition: all 0.30s ease-in-out;
  4. -ms-transition: all 0.30s ease-in-out;
  5. -o-transition: all 0.30s ease-in-out;
  6. outline: none;
  7. padding: 3px 0px 3px 3px;
  8. margin: 5px 1px 3px 0px;
  9. border: 1px solid #DDDDDD;
  10. }
  11.  
  12. input[type=text]:focus, textarea:focus {
  13. box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  14. padding: 3px 0px 3px 3px;
  15. margin: 5px 1px 3px 0px;
  16. border: 1px solid rgba(81, 203, 238, 1);
  17. }

Report this snippet  

You need to login to post a comment.