Урок 19. Анимация CSS3 | Курс Веб разработчик | Академия верстки

Ссылка на полный плейлист: bit.ly/2zsOdFt
Это закрытые записи курса веб-разработчик 10.0.
Получите полный доступ к домашкам, макетам и дипломному проекту. Переходите по ссылке 👉 bit.ly/2UEcuys_...
Подпишитесь на канал, если вам нравятся эти видео:
goo.gl/Zuu7wE
Больше контента в нашей группе Вконтакте
glo_aca...
Присоединяйтесь к нашему сообществу Discord
/ discord
Чтобы записаться на мой курс по основам веб-разработки, напиши в нашу группу и мой ассистент скажет тебе, что делать дальше: vk.me/glo_academy
Прочитай мою историю в блоге: islamov...
Мой канал в telegram "Лысый из браузера"
tele.click/bal... Чтобы заказать рекламу на канале, пишите в личку вконтакте: vk.me/aislam23 или telegram t.me/aislam23
-----------
Я использую хостинг Link Host с 2014 года
link-host.net/... Телеграм-каналы с дизайн-макетами для тренировки вёрстки:
ttttt.me/figma...
ttttt.me/figma...
ttttt.me/figma...
Каналы с крутыми фичами на CSS и JavaScript:
ttttt.me/codep...
ttttt.me/css_f...
Канал с терминами для айтишников:
ttttt.me/slang_it
Канал, где публикуют ссылки на полезные сервисы и сайты:
ttttt.me/linkf...

[@anton8258]

Огненный урок. Добавил в избранное. Спасибо!

[@ladyafize5689]

Спасибо большое ❤️❤️❤️

[@user-xp1pl8qd1y]

спасибо огромное) самое адекватное объяснение анимации)

[@truedivan]

прикольно, спасибо!
начало правда подзатянувшеся =))

[@vitaliiananiev5038]

Подключил скрипты wow все по инструкции не работает(

[@nomilon3770]

Я нашел решение кароче не делай как он не ссылку копируй а сохрани тот файл у себя в папке js и потом вместо этой ссылки укажи на этот файл и все

[@Plamyaognya]

Скинь ссылку на этот сайт где скачал анимации css у не могу найти этот сайт

[@Plamyaognya]

@@nomilon3770 работает!

[@zhike.bote1237]

Респект

[@ProstoSvidetel]

Думал анимация - это ппц, как сложно...а оказалось, не все так страшно 😁

[@imvasia13]

Окей, а возможно с помощью wow.js заставить анимации работать каждый раз когда юзер на нее попадает при скролле?

[@yegoryegor1448]

Доброго времени суток. Если есть возможность - нужен совет. Делаю почти такую же анимацию как у вас в ролике:
@keyframes appearance {
0%
{
transform: translateX(-1000%) scale(0);
}
100%
{
transform: translateX(100%) scale(1);
}
}
.test_animation {
background-color: #dd4b39;
width: 100px;
height: 100px;
animation: 2s appearance ease-in 2s;
}
Проблема в том что если поставить задержку анимации т.е. animation-delay: 2s - то до начала анимации весь блок не получается никак скрыть.
Как скрыть или не отображать до начала анимации блок?
Пробовал display: none и visibility : hidden не помогло ( . Возможно не правильно делал. Думаю вы с таким сталкивались не раз и знаете как решать.
Заранее спасибо за решение.

[@MegaMALLFOY]

странно, но в Animate.css работают почему-то не все анимации...

[@tekleha]

А сильно ли это затормаживает загрузку страницы? Именно подключение этих библиотек.

[@souichimoon]

в разы меньше чем js

[@Jerry161188]

Обычно за домашки мне платят, а не наоборот)))

[@LokiLegioner]

так и не оставили ссылку на статью по анимации. Мне не сложно самому её найти, но зачем обещать и не делать?

[@Glo_Academy]

Все материалы и макеты доступны после покупки полного доступа к курсу

[@semen1431]

Артём дай Vue.js ))) уже везде пишу )

[@skrillex8334]

Огромное спасибо!