Поисковое поле с АНИМАЦИЕЙ только на CSS со встроенной кнопкой | ANIMATED Search text box only CSS

В этом видео показано как написать поисковое поле с встроенной кнопкой и эффектом при наведении и фокусе только на CSS БЕЗ Использования JavaScript. О Проекте: 👉 Это текстовое поле изначально занимает очень мало места и представляет собой Квадрат с кнопкой поиска посередине. 👉 При наведении на этот квадрат он плавно увеличивается по ширине - в нём теперь находится текстовое поле и кнопка. 👉 При фокусировке на текстовом поле, текстовая подсказка находящаяся в нём поднимается над ним, а при отведении курсора с блока либо же убрав фокусировку не написав ничего, то текстовая подсказка опускается назад. 👉 Также при наведении на кнопку ( на которой есть значок лупы ) есть какой-то эффект при наведении. #css #programming #css3 #програмирование #cssbutton - 😉 Подписывайтесь на канал тут каждые два дня выходят новые видео - 👍 Ставьте лайк если вам понравилось это видео - 🔔 И жмите на колокольчик, чтобы первыми узнавать о выходе новых видео на канале и не пропустить ещё много интересных проектов. 0:00 Обзор проекта 0:35 Пишем HTML код 1:32 Создаём CSS дизайн 7:08 Создаём CSS эффект фокусировки 8:50 Завершение