Generator strzałek CSS

Dalej

Utwórz prostą strzałkę CSS. Wybierz prawo, lewo, górę lub dół oraz kolor, kwadratowy rozmiar i grubość obramowania. Następnie skopiuj wygenerowaną regułę .arrow.

Utwórz strzałkę CSS

  1. 1

    Wybierz kierunek

    Wybierz prawo, lewo, górę lub dół.

  2. 2

    Ustaw wygląd

    Określ kolor, rozmiar i grubość w pikselach.

  3. 3

    Skopiuj CSS

    Sprawdź podgląd i skopiuj regułę.

Generator tworzy jeden kwadratowy element .arrow z display: inline-block, równą szerokością i wysokością, prawym oraz dolnym obramowaniem i obrotem dla czterech kierunków.

Nie tworzy trójkątów z obramowania, clip-path, SVG, gradientów, strzałek ukośnych ani ogonków dymków. Nie udostępnia też HTML, walidacji układu ani porad o zgodności. Przetestuj skopiowaną regułę na własnej stronie.

Powiązane narzędzia