Материалы

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

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

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

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

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

Шрифт
▼
July Melt v3 (ofont.ru_July Melt.ttf)

TTF, OTF или WOFF. Буквы берутся из файла: латиница, кириллица, цифры и знаки. Убедитесь, что лицензия шрифта разрешает его использование на сайте.

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

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

Второй цвет
Угол градиента
°

0 — слева направо, 90 — снизу вверх.

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

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

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

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

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

Анимация

Событие
▼
Вариант
▼
Длительность
сек
Сила
%
Задержка между буквами
%

0 — все буквы разом, 100 — строго одна за другой.

Парение

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

Амплитуда
% от высоты
Скорость
%
Симуляция физики

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

Анимация материала

Ткань живая: по поверхности плывут складки, а касаясь друг друга, буквы сминаются, как набитые подушки.

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