Материалы

Визуальные настройки

Формат
▼
Состояние
▼

От состояния зависят материалы на выбор: у твёрдого — металл, перламутр, стекло; у мягкого — ткань, мех, мармелад, трикотаж, поролон и другие.

Текст (до 15 символов)
Хаотичное расположение букв
Размер
Размер области
% от экрана

Ширина, в которую укладывается текст. Не влезает — буквы переносятся на следующую строку.

Шрифт
▼
Сглаживание углов
%
Глубина
% от высоты
Угол поворота
Цвет материала
Градиент

Цвет материала плавно переходит во второй цвет по всему тексту.

Высота блока
px

В коде вставки блок занимает всю высоту контейнера (100 %) — например, элемента в Zero Block. Это число — запасная высота: она сработает, если у контейнера своей высоты нет (обычный блок T123).

Окружающая среда

Свет
Насыщенность
%
Угол света
Прозрачный фон
Фон

Картинка шара с нужным материалом (matcap): буквы окрасятся так же. Свет и окружение на неё не влияют.

Анимация

Событие
▼
Вариант
▼
Расстояние
px
Распад
%
0 px
600 px
Непрозрачность
%
0 px
600 px
Угол поворота
0 px
600 px
Обратное действие

Включено — прокрутили назад, анимация идёт назад («Постоянно» — туда-обратно). Выключено — проигрывается один раз и остаётся в конце («Постоянно» — по кругу с начала).

Зациклить

Анимация повторяется по всей длине страницы.

Парение

Буквы плавно парят, каждая по своей петле, — постоянно, отдельно от анимации выше и вместе с ней. Касаясь, буквы отталкиваются.

Симуляция физики

На сайте буквы можно хватать мышью или пальцем и перетаскивать, как в редакторе: соседние расталкиваются и отскакивают. Буква остаётся там, куда её положили, до перезагрузки страницы.

Открыть код по подписке