Softonic

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

Шаг 1 / 2
Далее

Создайте простую CSS-стрелку в браузере. Выберите направление вправо, влево, вверх или вниз, цвет, размер квадрата и толщину рамки, затем скопируйте созданное правило .arrow.

Создание CSS-стрелки

  1. 1

    Выберите направление

    Выберите вправо, влево, вверх или вниз.

  2. 2

    Настройте вид

    Укажите цвет, размер и толщину в пикселях.

  3. 3

    Скопируйте CSS

    Проверьте предпросмотр и скопируйте правило.

Генератор создаёт один квадратный элемент .arrow с display: inline-block, одинаковыми шириной и высотой, правой и нижней рамкой и поворотом для четырёх направлений.

Он не создаёт треугольники из рамок, clip-path, SVG, градиенты, диагональные стрелки или хвосты подсказок. HTML, проверка макета и советы по совместимости также не выдаются. Проверьте скопированное правило на своей странице.

Сопутствующие инструменты

Справочная таблица ASCII

Полная таблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным представлением, а также записью числовых ссылок HTML, включая NUL, LF и DEL.

Справочник символов HTML

Справочник HTML-сущностей с поиском, их именованными и числовыми кодами, а также копированием специальных символов и знаков одним кликом.

Смешивание цветов

Смешайте два HEX-цвета в 2-20 равномерных образцов. Каждый промежуточный цвет показывается как HEX-код в верхнем регистре, включая оба края.

Счетчик FPS

Измерьте FPS браузера через requestAnimationFrame: сглаживание, минимальная и максимальная частота кадров, порог предупреждения и график по желанию. Работает локально, без загрузок и API.

Справочник сочетаний клавиш

Ищите документированные сочетания по умолчанию для VS Code, Chrome и Bash с GNU Readline в macOS, Windows и Linux.

Генератор случайных букв

Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.

Инструмент доступен на других языках