Верстка сайта - HTML,CSS анимации с нуля при прокрутке

Верстка сайта не заканчивается просто написанием тегов. Для того что б сайт выглядел интересно пользователю, - добавляют анимации. Сейчас доступно Html css анимации и вы можете их сделать с нуля. Верстка сайта с анимациями очень проста на самом деле, вы можете создать интересные эффекты CSS анимации своими руками. Анимации html css я покажу в этом видео, а так же мы их не просто создадим, а покажу библиотеку для анимации при прокрутке страницы сайта. В конце мы возьмем обычный сайт и я покажу как сделать анимацию при прокрутке на любом сайте с нуля даже если вы начинающий.

0:00 - Верстка сайта анимации
0:33 - Анимации html, css с нуля для начинающих
3:59 - Свойстива анимации CSS
5:30 - Примеры анимации css html
6:20 - Интересный пример анимации
10:05 - Библиотека анимации при прокрутке
11:00 - Добавляем анимацию на сайт

[Tiberiumgod]

Спасибо, это было очень и очень)) Анимации меня всегда вганяють в ступор, после твоего видео дело пойдет живее))

[Life-nlkt]

Спасибо большое за ролик благодаря тебе сегодня выступал перед однокурсниками рассказывал как делать анимацию при помощи aos

[RenatChapas]

Благодарю за новые идеи! Интересно и полезно. JS только-только начинаю осваивать, поэтому онтересно знать и другие способы создания анимаций (слайдов и т.д.), не только через скрипты. :)

[NeedForHeavyMetal]

спасибо! за библиотеку отдельное спасибо
)

[lisofsky]

достойно, спасибо, лукас поставлен !

[antonmaklakov]

Неплохое видео! В работе обычно редко получается использовать какие-то анимации, потому что всё время обычно тратится на адаптивную вёрстку блоков, скачивание картинок для сайта, обсуждение заказа и т.п. И анимации идут лишь на уровне css:hover, поэтому свойства анимаций иногда подзабываются. И иногда круто использовать готовые решения анимаций для сайта.
(Если у анимаций нету авторсокого права. Типо каких-то прям супер анимаций )

[behanzi]

Ждём побольше таких видосов про анимации

[MB_our_victory]

Автора лайк и подписка, я бы и многие подписчики думаю, хотели бы увидеть анимации на js.

[vpvztfw]

Чувак про анимацию сайтов в конце не знал спасибо тебе

[Seacrest.]

блин я конечно слышал "хейт" вместо "хайт" и все такое, но "инфинайт" это что-то новенькое))

[somewebpractice]

Как-то взял сайт, напичканный библиотеками, который загружался кое-как. Ради одного попапа подключено jquery, слик слайдер, ради двух анимаций какая-то анимационная итд итп. Иногда проще написать один листенер на клик и пару анимаций самому, нежели подключать тонны библиотек, совет )))

[layyly]

Чел, ты секономел мне пол жизни, спосибо. Я из Молдовы, поетому столько ошибок

[stt]

Согласен, анимации - просто. Особенно когда ты практикуешь их каждый день)

[AOFTG]

Вроде давно занимаюсь версткой, а свойство и его значение --- background-clip: text; --- как то пролетело мимо меня. Спасибо))

[iefywlp]

Подписался круто говоришь понятно все лайк и колоколчик

[danil_zavyalov]

Супер! Спасибо огромное! Теперь сайты зашевелятся 😅

[ShortsPageTech]

Видео про Back-end языков программирования. И видео про вас какие языки программирования вы знаете? Спасибо👍🏻🙏🏻

[Altenzo]

Приветствую, а можно узнать как управлять скоростью появления этой фишки с появлением объектов при скролле.

[ohmtxij]

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

[exltqce]

Очень понравилась анимация на 6:25. Не подскажите, как сделать такую же анимацию только уже не с текстом, а с картинкой png?