CSS3 #19 Анимации (Animations)
HTML-код
- Опубликовано: 27 янв 2021
- #YauhenK #webDev #CSS #CSS3
Всех приветствую в курсе «CSS3».
В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц.
✒ Репозиторий курса:
✔ github.com/YauhenKavalchuk/css3
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ RUclips: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...
Все гениальное просто и ни какой магии. Спасибо.
Пожалуйста)
Круто, полезная инфа, спасибо !
Пожалуйста
Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!
👍
Спасибо за подробный и отличный урок👍
Всегда пожалуйста
Ультра топ, ну а мы уже ждём курс по Гиту
Спасибо)
Молодец крутые видео!
Спасибо
Спасибо
Пожалуйста
я как раз искал вчера информацию по анимации, а сегодня у вас видео вышло. как совпало)
у меня есть вопрос: считается ли нормальной практикой сделать отдельный класс с анимацией для определенного элемента и затем, после окончания пнимации, удалить этот класс через js? эту анимацию надо всего 1 раз запустить и потом сам элемент переключать на display: none и обратно
Да нормально, как вариант можно использовать visibility: hidden
animation-play-station )
👍
*Зануда mode on - Все же правильно будет "инфинит" - *Зануда mode off..))
👍
как мы можем запустить анимацию после основной отработки с помощью reverse при итерациях цикла? reverse ведь указывается вне блока to {} ?
Да, вне блока. Не думаю что получится реализовать идею, которую вы описали. Скорее всего нужно писать сложную анимацию в прямом и обратном направлении. Увеличивать время её выполнения, и зацикливать
@@YauhenKavalchuk это мысль из Вашего видео, просто не до конца понял мысль о применении reverse в цикле, так и подумал что нужны две разные агимации
сделай ролик про обложку сайта с анимацией пожалуйста
Не понял что вы имеете ввиду (