Skip to content

Instantly share code, notes, and snippets.

@dukenmarga
Created August 19, 2014 04:38
Show Gist options
  • Save dukenmarga/81556d6767ca2de1561e to your computer and use it in GitHub Desktop.
Save dukenmarga/81556d6767ca2de1561e to your computer and use it in GitHub Desktop.
Style for performing glow box like twitter did.
/* Twitter-like glowing box */
input[type=text], textarea {
transition: all 0.30s ease-in-out;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
border:#fff 1px solid;
outline:none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #DDDDDD;
}
input[type=text]:focus, textarea:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid rgba(81, 203, 238, 1);;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment