Генератор CSS-стрелок
Создайте простую CSS-стрелку в браузере. Выберите направление вправо, влево, вверх или вниз, цвет, размер квадрата и толщину рамки, затем скопируйте созданное правило .arrow.
Создание CSS-стрелки
-
1
Выберите направление
Выберите вправо, влево, вверх или вниз.
-
2
Настройте вид
Укажите цвет, размер и толщину в пикселях.
-
3
Скопируйте CSS
Проверьте предпросмотр и скопируйте правило.
Генератор создаёт один квадратный элемент .arrow с display: inline-block, одинаковыми шириной и высотой, правой и нижней рамкой и поворотом для четырёх направлений.
Он не создаёт треугольники из рамок, clip-path, SVG, градиенты, диагональные стрелки или хвосты подсказок. HTML, проверка макета и советы по совместимости также не выдаются. Проверьте скопированное правило на своей странице.
Сопутствующие инструменты
Справочная таблица ASCII
Полная таблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным представлением, а также записью числовых ссылок HTML, включая NUL, LF и DEL.
Справочник сочетаний клавиш
Ищите документированные сочетания по умолчанию для VS Code, Chrome и Bash с GNU Readline в macOS, Windows и Linux.
Справочник символов HTML
Справочник HTML-сущностей с поиском, их именованными и числовыми кодами, а также копированием специальных символов и знаков одним кликом.
Счетчик FPS
Измерьте FPS браузера через requestAnimationFrame: сглаживание, минимальная и максимальная частота кадров, порог предупреждения и график по желанию. Работает локально, без загрузок и API.
Генератор цветовой палитры
Создавайте монохромные, аналоговые, комплементарные, триадные или тетрадные палитры из базового HEX-цвета и экспортируйте готовые CSS-переменные.
Генератор случайных букв
Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.