CSS3 #19 Анимации (Animations)

#YauhenK #webDev #CSS #CSS3
Всех приветствую в курсе «CSS3».
В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц.
✒ Репозиторий курса:
✔ github.com/Yau...
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R...
✒ Автор курса:
✔ KZbin: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenK...
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/Yau...
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/Yau...

[@АлексейЛоскутников-ю4р]

Все гениальное просто и ни какой магии. Спасибо.

[@YauhenKavalchuk]

Пожалуйста)

[@olehyefimenko6693]

Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!

[@YauhenKavalchuk]

👍

[@Nikitosss91]

Ультра топ, ну а мы уже ждём курс по Гиту

[@YauhenKavalchuk]

Спасибо)

[@ДмитрийВолокитин-я8ф]

Спасибо за подробный и отличный урок👍

[@YauhenKavalchuk]

Всегда пожалуйста

[@pavel7930]

Круто, полезная инфа, спасибо !

[@YauhenKavalchuk]

Пожалуйста

[@МишаВеличай-т7в]

Молодец крутые видео!

[@YauhenKavalchuk]

Спасибо

[@agilkerimov]

Спасибо

[@YauhenKavalchuk]

Пожалуйста

[@ultraduck100]

я как раз искал вчера информацию по анимации, а сегодня у вас видео вышло. как совпало) у меня есть вопрос: считается ли нормальной практикой сделать отдельный класс с анимацией для определенного элемента и затем, после окончания пнимации, удалить этот класс через js? эту анимацию надо всего 1 раз запустить и потом сам элемент переключать на display: none и обратно

[@YauhenKavalchuk]

Да нормально, как вариант можно использовать visibility: hidden

[@GRANDPIANOSONG]

как мы можем запустить анимацию после основной отработки с помощью reverse при итерациях цикла? reverse ведь указывается вне блока to {} ?

[@YauhenKavalchuk]

Да, вне блока. Не думаю что получится реализовать идею, которую вы описали. Скорее всего нужно писать сложную анимацию в прямом и обратном направлении. Увеличивать время её выполнения, и зацикливать

[@GRANDPIANOSONG]

@@YauhenKavalchuk это мысль из Вашего видео, просто не до конца понял мысль о применении reverse в цикле, так и подумал что нужны две разные агимации

[@cozafoto]

*Зануда mode on - Все же правильно будет "инфинит" - *Зануда mode off..))

[@YauhenKavalchuk]

👍

[@алиханмулдагалиев-д2з]

сделай ролик про обложку сайта с анимацией пожалуйста

[@YauhenKavalchuk]

Не понял что вы имеете ввиду (

[@antonsvyatchenko8876]

animation-play-station )

[@YauhenKavalchuk]

👍