Конструктор анимированных стрелок

Создавайте, настраивайте и экспортируйте анимированные стрелки для вашего сайта. Редактируйте в реальном времени и тестируйте анимацию!

Внешний вид Анимация Трансформации

Размеры

Ширина (px):

Высота (px):

Стиль стрелки

Цвет:

Толщина:

Концы линий: Круглые Квадратные Прямые

Тень:

Пресеты цвета

Голубой

Красный

Фиолетовый

Оранжевый

Зелёный

Синий

Основные параметры

Длина штриха:

Длительность (сек):

Задержки

Хвост 1 (сек):

Хвост 2 (сек):

Эффекты анимации

Стиль анимации: Ease (по умолчанию) Linear Ease-in Ease-out Ease-in-out Прыгающая

Направление: Вперёд Назад Туда-сюда

Позиция

Поворот (°):

Масштаб:

Форма стрелки

Стиль: Стандартная Изогнутая Прямая Зигзаг Двойная

Сложные формы

Стандарт

Круговая

Спираль

Волна

Сердце

Символ

Фон предпросмотра

Воспроизвести Сгенерировать код Сбросить Скачать SVG

Экспорт кода

✕

Скопируйте готовый CSS и используйте на вашем сайте:

Копировать код Код скопирован в буфер обмена!

Настройки применены!

Продвинутый конструктор анимированных стрелок | Создавайте потрясающие анимации для ваших проектов