5 нереальных эффектов в Tilda которые ты точно захочешь попробовать | Zero Block в Тильде

• Приветствие от Станислава Быстрицкого, веб-дизайнера.  

• Обещание показать пять крутых эффектов при наведении на изображение в Tilda.  

• Первый эффект - эффект волн или вейв-эффект.  

• Использование библиотеки Three.js.  

• Страница перенесена из фильма в Tilda с помощью конвертера дизайна.  

• Инструкция по работе с эффектом: добавить изображение, присвоить класс "atom", вставить код.  

• Эффект создания карточек при наведении на изображение.  

• Инструкция по добавлению изображения и присвоению класса "tilt-a-m-g".  

• Возможность объединения карточек с текстом.  

• Популярный эффект, используемый на многих сайтах.  

• Инструкция по загрузке изображений на сервер Tilda и получению прямых ссылок.  

• Объяснение работы кода и добавление паттерна для анимации.  

• Важность загрузки изображений на сервер Tilda для стабильности.  

• Добавление элемента для вставки изображений и настройка отображения.  

• Присваиваем классу имя для идентификации изображения.  

• Вставляем класс в код вместо слова "класс".  

• При наведении проигрывается анимация, но изображение не заменяется.  

• Технические блоки можно скрыть, так как изображение уже загружено.  

• Демонстрация разницы между display и display: image.  

• Использование любого изображения в качестве display: image.  

• Пример с пиццей и анимацией.  

• Переход в папку RGB деформация демонстрация.  

• Добавление HTML-элемента и вставка кода.  

• Вставка изображения в HTML-элемент.  

• Замена ссылки на изображение и настройка параметров image size.  

• Пример использования RGB деформации на сайте.  

• Возможность креативного применения эффекта.  

• Переход к следующему эффекту.  

• Добавление кода в HTML-элемент.  

• Замена ссылок на изображения.  

• Вставка кода в блок HTML.  

• Настройка параметров анимации.  

• Демонстрация анимации и возможность её настройки.  

• Призыв к зрителям оставить комментарии и лайки.  

• Благодарность за просмотр и прощание.