CSS – Animated Dropdown Tutorial (Collapse & Expand Animation)

Опубликовано: 22 Март 2021
на канале: Qixotl LFC
2,247
13

In this video, you will learn how to create a dropdown menu that expands open upon click and then collapses back in on itself when the user clicks again, indicating that they want the dropdown menu to be closed.

The cool thing about this animated dropdown though, is that it effects the positing of other elements. Therefore, other elements will be pushed downwards smoothly when the dropdown menu slides open and then be pushed back up when the dropdown slides up again.

The technologies I use in this video are:
•HTML
•CSS
•JavaScript

If found this video useful, then you would do me a huge favour if you considered liking the video and subscribing to my channel. It can be your way of showing your appreciation for the tutorial.

Please, if you have any queries related to the video, then post them in comments box below. I will answer as many of them as I can to the best of my ability.


***
Here is the link to the MaterialUI colour scheme that I used in this video: https://material-ui.com/customization...


Смотрите видео CSS – Animated Dropdown Tutorial (Collapse & Expand Animation) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Qixotl LFC 22 Март 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,247 раз и оно понравилось 13 людям.