<head>
<style type="text/css">
.inputbox{
border-radius:5px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
border: 1px solid #999;
}
.inputbox:focus{
background-color:#FFF;
border: 1px solid #07c;
box-shadow: 0 0 10px #07c;
}
</style>
</head>
<body>
<input name="fname" type="text" class="inputbox" value="twitter">
</body>
</html>
Example :
0 Comments:
Post a Comment