В этом видео мы с вами будем экспериментировать с анимацией градиента. С помощью анимации step-by-step оживим объекты и создадим эффект перетекания градиента из одного состояния в другое.
Описание
Видеоинструкция по подключению
Создаём новую страницу на сайте
Шаг 1
Скроллим в самый низ и нажимаем кнопку «Указать ID шаблона»
Шаг 2
В графе указываем номер шаблона (он указан в начале инструкции), нажимаем кнопку «Выбрать»
Шаг 3
Код используемый в видео
<!--Анимация градиента-->
<!--https://mt-webdesign.ru/gradient-bg-->
<style>
.noise {
background: url('https://static.tildacdn.com/tild6463-6432-4632-b834-373237633663/noise.svg');
opacity:0.2;
position: fixed;
top:0;
left:0;
width: 100%;
heigth: 10vh;
}
</style>Более подробные настройки, возможности взаимодействия и подключение в видео
Другие модификации
