Vue JS Tailwind CSS YouTube клон #18 - Анимация выпадающих списков

Channel:

Игорь Бабко

Subscribers:

7,550

Published on April 30, 2021 7:21:33 PM ● Video Link: https://www.youtube.com/watch?v=lqC4jqpUIsM

Duration: 7:14

564 views

33

Применяем анимацию к открытию и закрытию выпадающих списков из шапки.

Исходный код: https://github.com/igorbabko/youtube-clone/commit/27cad60776b16ceef882d67b5f0633580d9f8092

Верстка 1-го выпадающего списка: https://www.youtube.com/watch?v=AyI8UznQMM4&list=PL-FhWbGlJPfa2QOklK-4ED0gZFg6gbmyE&index=14

Верстка 2-го выпадающего списка: https://www.youtube.com/watch?v=CTuWq5jHeH8&list=PL-FhWbGlJPfa2QOklK-4ED0gZFg6gbmyE&index=14

Компоненты выпадающих списков и видео: https://www.youtube.com/watch?v=OGSAVYR6Cg0&list=PL-FhWbGlJPfbiWrsWnvUy8HzbG85K722U&index=3

Анимация закрытия мобильного сайдбара: https://www.youtube.com/watch?v=4LtRkV-U82Q&list=PL-FhWbGlJPfbiWrsWnvUy8HzbG85K722U&index=14

Анимация открытия мобильного сайдбара: https://www.youtube.com/watch?v=Y9GyNi-F9_o&list=PL-FhWbGlJPfbiWrsWnvUy8HzbG85K722U&index=14

Весь плейлист: https://www.youtube.com/playlist?list=PL-FhWbGlJPfbiWrsWnvUy8HzbG85K722U

Верстка YouTube на Tailwind CSS: https://www.youtube.com/watch?v=LdbHAZiZexU&list=PL-FhWbGlJPfa2QOklK-4ED0gZFg6gbmyE

Репозиторий с версткой YouTube: https://github.com/igorbabko/practical-tailwind

#vue #vuejs #vue3