Focus 2 Ultra от Nubia
Возможный релиз MacBook Air?
Автопилот Tesla на бездорожье
SVG-битва нейросетей

Tilda выпустила учебник по веб-анимации

Бесплатный учебник из 16 уроков о том, как использовать анимацию в веб-проектах.

Tilda выпустила учебник по веб-анимации

Из учебника можно узнать, как применять на сайтах эффекты анимации. Как с их помощью привлекать внимание пользователя к важному контенту и элементам интерфейса: кнопкам, пунктам меню, активным ссылкам, плиткам.

Все примеры из учебника можно повторить в конструкторе Tilda — в каждом уроке есть видеоинструкция, которая поможет разобраться, как создать анимацию.

Несколько примеров из учебника

В первом уроке показано, как анимировать элементы в обложках. Для каждого примера внутри урока описаны настройки, чтобы можно было повторить эффекты.

В виде списков и карточек можно оформить отзывы, услуги, кейсы, преимущества, команду, FAQ. Урок посвящён тому, как привлечь внимание к элементам этих блоков с помощью анимации появления.

Hover-эффект — это анимация элемента при наведении. Помогает обозначить, что с карточками и плитками на странице можно взаимодействовать. Популярные Hover-эффекты для плиток: затемнение фильтра, появление тени, появление контента, изменение масштаба, смена изображения, смещение.

Хороший приём, чтобы продемонстрировать, из чего состоит продукт. В примере элементы перемещаются с изменением размера при скролле.

Перемещая элемент вдоль экрана по скроллу, можно управлять вниманием посетителя сайта.

Параллакс позволяет добиться эффекта глубины при просмотре страницы благодаря разной скорости движения элементов.

Все уроки и примеры учебника по веб-анимации — по ссылке.

5656
15 комментариев

Почему-то вспомнилось обилие анимации и всяких вылетающих плашек в презентациях школьников и студентов. +5 к привлекательности. Они так думали.

4

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

21

На сайте Apple, например, шикарнейший параллакс.

2

Учебник как сделать некоторую анимацию в тильде, но не "Учебник по веб-анимации"

6

Тильда вообще молодцы. Столько полезного у них блоге да еще и бесплатно

12

Комментарий недоступен

2

В какой-то момент казалось, что сайт начал как то медленнее работать из-за этой анимации((
Надо понимать, на что идёшь ради красоты..

1
Раскрывать всегда
Apple представила iPad Air с чипом M3 и базовый iPad с чипом A16

А также обновлённую клавиатуру Magic Keyboard с трекпадом для iPad Air.

Источник здесь и далее — Apple 
88
11
реклама
разместить
Nothing представила Phone (3a) и (3a) Pro с тремя основными камерами и встроенными функциями ИИ

Цены на устройства — меньше $500.

Источник здесь и далее: Nothing
99
55
44
11
Это настоящий УБИЙЦА АЙФОНА
Кто такой брокер по недвижимости, и зачем покупателю к нему обращаться

В этой статье команда WEWALL расскажет, как брокер по недвижимости может упростить процесс покупки, какие задачи он выполняет, чем отличается от других специалистов и почему стоит обратиться именно к нему.

Егор Тисов, эксперт по коммерческой недвижимости компании WEWALL
США начали обсуждать план по смягчению санкций против России — Reuters

Госдеп и Минфин готовят предложение по снятию санкций с отдельных юрлиц и физлиц. С кого именно — неизвестно.

3535
1515
22
22
22
11
11
11
На переговоры с трампом нужно посылать не чиновников, а специалистов, которые разводят пенсионеров и ветироанов на миллионы рублей. Они американского деда так опрокинут, что он даже ничего не поймет, выполнит все условия и еще аляску взад подарит.
Правительство не продлило мораторий на выездные налоговые проверки ИТ-компаний

Его действие завершилось 3 марта 2025 года.

Фото РБК
1010
99
11
Visa и Mastercard: камбэк в Россию. Надежды, реальность и альтернативы.
Visa и Mastercard: камбэк в Россию. Надежды, реальность и альтернативы.

Недавно российское сообщество всколыхнула новость о том, что якобы Visa и Mastercard вернутся в Россию. Вы же помните те времена, карты этих платежных систем, выпущенные российскими банками, без проблем работали за рубежом. Увы, сейчас они котируются только в пределах родной страны. Так есть ли шанс, что международные платежные системы вернутся в Р…

1313
77
55
Номинальный директор и акционер в ОАЭ: правовой обзор

Номинальный директор и акционер в ОАЭ часто вызывают вопросы у предпринимателей, которые хотят развивать компанию в этой стране. Эти понятия связаны с защитой интересов бенефициаров и соблюдением требований законодательства. В этой статье рассмотрим правовой статус номинальных лиц, историю регулирования и практические аспекты, связанные с их исполь…

Номинальный директор и акционер в ОАЭ: правовой обзор
Тайваньская TSMC инвестирует $100 млрд для строительства заводов по производству чипов в США

Общие инвестиции компании в Соединённые Штаты составят $165 млрд.

55
44
22
11
Новости инвестиций в России: - Сбер забрал Нетологию за долги - Фонд инвестировал $3m на излечение от деменции - Инвестор потратит $1м чтобы построить космическую станцию на Луне
[]