Discord Made The Coolest CSS Only Input Animation

Опубликовано: 14 Декабрь 2024
на канале: Web Dev Simplified

18,202

CSS Simplified Course: https://courses.webdevsimplified.com/...

The search input in Discord seems simple at first, but as I was working on duplicating it I realized it was much more complex than it first appeared. In this video I will go over exactly how to create the Discord search input and all of its animations using only CSS.

📚 Materials/References:

CSS Simplified Course: https://courses.webdevsimplified.com/...
GitHub Code: https://github.com/WebDevSimplified/d...

🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon:   / webdevsimplified
Twitter:   / devsimplified
Discord:   / discord
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified

⏱️ Timestamps:

00:00 - Introduction
01:07 - Starting Code
02:06 - Growing Width Animation
07:34 - Search/Close Icon Animation

#DiscordClone #WDS #CSS

Смотрите видео Discord Made The Coolest CSS Only Input Animation онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Web Dev Simplified 14 Декабрь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 18,202 раз и оно понравилось 1 тысяч людям.

4,011

328