Аккордеон СЛАЙДЕР на CSS / HTML за 8 минут | display flex, transition, overflow
Код аккордеона: http://bit.ly/2oVC6KR
Красивый #аккордеон #слайдер на чистом #CSS #CSS3 за 8 минут.
Картинки раскрываются при наведении, сам блок имеет эластичный вид что в свою очередь легко внедряется на любую страницу #сайта и довольно эффектно смотрится.
Задействуем в CSS:
• #display #flex;
• используем #transition;
• и скроем картинки за пределами блока при помощи #overflow #hidden;
Как это делается смотрите в видео уроке...
Обсуждение видео: • Аккордеон СЛАЙДЕР на CSS / HTML за 8 минут...
Подписка на канал: https://dwstroy.ru/~dwstv
Видео сборник: https://dwstroy.ru/~S126H
*Видео метки*:
[01:02] - Делаем разметку в #html
[02:22] - Описываем стили в #CSS3
[05:43] - Анимация при помощи #transition
*Другие видео на канале DWSTV*:
Сайт с нуля - https://dwstroy.ru/~7KNnM
Уроки по #CSS - https://dwstroy.ru/~paoBU
1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q
Управление системой Битрикс - https://dwstroy.ru/~Zdt4K
Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ
Во время урока я использую:
Документацию по #CSS3
Редактор #PhpStorm
Ссылки из урока:
Архив с урока - https://dwstroy.ru/~IZR93
Использую музыку:
Maestro Chives feat. Royal Blue - Sleeping Pill
• Maestro Chives feat. Royal Blue - Sleepin...
https://itunes.apple.com/album/id1194...
Добавляйтесь к нам в друзья:
Сайт видео-уроков: https://dwstroy.ru/video/
Канал в VK автора уроков: https://vk.com/dwstv
Канал группы в VK: https://dwstroy.ru/~MJM28
Мы очень рады если видео по #CSS3 #aслайдеру было Вам полезно, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по CSS, так и другим #WEB разработкам.