×

Welcome to TagMyCode

Please login or create account to add a snippet.
 

CSS3 Glowing Inputs

0
0
 
1
Language: CSS
Posted by: Philip Rehberger
Added: Sep 14, 2016 12:08 AM
Views: 2060
Tags: no tags
  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 #ddd;
  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. }

Write a comment

To post comments, please log in or register.