Animatsiyali qidiruv
CSS yordamida animatsiyali qidiruv formasini yaratishni o‘rganing.
Animatsiyali qidiruv formasi qanday yaratiladi
Kiritish maydoni ustiga bosing:
1-qadam) HTML qo‘shing:
Misol
<input type="text" name="search" placeholder="Search..">
2-qadam) CSS qo‘shing:
Misol
input[type=text] {
width: 130px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
/* When the input field gets focus, change its width to 100% */
input[type=text]:focus {
width: 100%;
}
O‘zingiz sinab ko‘ring »
Maslahat: HTML formalari haqida ko‘proq bilish uchun HTML formalar darsligimizga o‘ting.
HTML formalariga qanday uslub berish haqida ko‘proq bilish uchun CSS formalar darsligimizga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!