Form Fields Style 1
.fancy-form input {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.fancy-form input[type="text"] {
outline: none;
border: 1px solid #cccccc;
box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px rgba(255, 255, 255, 1), inset 0px 1px 6px 0px rgba(0, 0, 0, 0.05);
border-radius: 3px;
padding: 7px 10px;
background: #f1f1f1;
color: #b5b5b5;
margin-bottom: 4px;
}
.fancy-form input[type="text"]:hover {
background:#f7f7f7;
}
.fancy-form input[type="text"]:focus {
box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 1px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
background: #fff;
border-color: transparent;
color: #565656;
}