HTML5 snippet : Input box glow effect inspired by twitter

 <!DOCTYPE html>
<html>
<head>
<style>

input{
	font-size:18px;
	font-family: helvetica;
}
input {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
	color:gray;
	background-color:#eee;
	padding: 3px;
	
}

input:focus {
    box-shadow: 0 0 15px green;
    -webkit-box-shadow: 0 0 15px green; 
    -moz-box-shadow: 0 0 15px green;
    border:1px solid green; 
	background-color:white;
}


body{
	background-color: #FFF;
	color:gray;
 	font-family:Arial;

}
</style>
</head>

<body>
	<div class="input-glow">
		Username <input type="text" class="input-glow" name="username" placeholder="username">
	</div>  
</body>
</html>

You must login to edit.

5

Input box glow effect inspired by twitter

You must login to vote.