Генератор CSS-стрелок

Этот генератор CSS-стрелок позволяет создавать несколько стилей стрелок, включая сплошные стрелки на основе clip-path и линейные стрелки на псевдоэлементах. Настройте направление, общую длину, размер наконечника, длину наконечника, толщину основания, цвет, градиент и дополнительную рамку, затем просмотрите результат в реальном времени и скопируйте готовый CSS.

Настройка


{{ startColor }}
{{ endColor }}

Предварительный просмотр

{{ arrowWidth }} x {{ arrowHeight }} px

CSS