Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

#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;
}