Home › Forums › CSS › Slide out the form field to the left using CSS Transitition › Re: Slide out the form field to the left using CSS Transitition
July 21, 2013 at 6:21 am
#143853
Kuzyo
Participant
here from the source code, after focus input apply another css properties
/* demo B */
#demo-b input[type=search] {
width: 15px;
padding-left: 10px;
color: transparent;
cursor: pointer;
}
#demo-b input[type=search]:hover {
background-color: #fff;
}
#demo-b input[type=search]:focus {
width: 130px;
padding-left: 32px;
color: #000;
background-color: #fff;
cursor: auto;
}
#demo-b input:-moz-placeholder {
color: transparent;
}
#demo-b input::-webkit-input-placeholder {
color: transparent;
}