Vue JS Tailwind CSS YouTube клон #14 - Анимация открытия мобильного сайдбара

Channel:
Ukraine Игорь Бабко
Subscribers:
7,550
Published on ● Video Link: https://www.youtube.com/watch?v=Y9GyNi-F9_o


Duration: 16:31
852 views
46

Применяем анимированный переход к открытию мобильного сайдбара.

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

Весь плейлист: 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

Документация по классам transition - https://tailwindcss.com/docs/transition-property

Документация по классам transform - https://tailwindcss.com/docs/transform

Документация по классам translate - https://tailwindcss.com/docs/translate

#vue #vuejs #vue3



Other Videos By Игорь Бабко


2021-05-07Vue JS Tailwind CSS YouTube клон #22 - Выравнивание выпадающего списка видео по вертикали
2021-05-05Vue JS Tailwind CSS YouTube клон #21 - Выпадающий список в блоке для видео
2021-05-02Vue JS Tailwind CSS YouTube клон #20 - Анимация кнопок в блоках для видео
2021-05-01Vue JS Tailwind CSS YouTube клон #19 - Улучшение для выпадающих списков
2021-04-30Vue JS Tailwind CSS YouTube клон #18 - Анимация выпадающих списков
2021-04-29Tailwind CSS #5 - Использование plugin-ов и preset-ов
2021-04-28Vue JS Tailwind CSS YouTube клон #17 - Компоненты для компактного сайдбара
2021-04-27Tailwind CSS #4 - Шкала размеров и варианты состояний
2021-04-26Vue JS Tailwind CSS YouTube клон #16 - Динамичность сайдбара
2021-04-25Vue JS Tailwind CSS YouTube клон #15 - Изменение состояния сайдбара
2021-04-24Vue JS Tailwind CSS YouTube клон #14 - Анимация открытия мобильного сайдбара
2021-04-20Vue JS Tailwind CSS YouTube клон #13 - Анимация закрытия мобильного сайдбара
2021-04-17Vue JS Tailwind CSS YouTube клон #12 - Компоненты для мобильного сайдбара
2021-04-16Vue JS Tailwind CSS YouTube клон #11 - Разделение сайдбара на компоненты
2021-04-14Vue JS Tailwind CSS YouTube клон #10 - Компоненты для пунктов меню в сайдбаре
2021-04-12Vue JS Tailwind CSS YouTube клон #9 - Компоненты для блока с видео
2021-04-11Vue JS Tailwind CSS YouTube клон #8 - Компоненты для 2-го выпадающего списка
2021-04-09Vue JS Tailwind CSS YouTube клон #7 - Компоненты для выпадающего списка
2021-04-08Vue JS Tailwind CSS YouTube клон #6 - Создание компонента для иконок
2021-04-05Vue JS Tailwind CSS YouTube клон #5 - Разделение шапки на компоненты
2021-04-04Tailwind CSS #3 - Цветовая палитра


Tags:
Vue
Vue 3
Vue.js
Vue.js 3
Tailwind
Tailwind CSS
Vue на русском
Vue уроки
Vue 3 уроки
CSS