Как сделать двойную стрелочку на Css?

Question

[Ornik]

Добрый день нужно сделать кнопку которая перелистывает картинки. С одной стрелочкой это на 1 страницу в перед и с двумя стрелочками.

<div class="flip">
                    <div class="flip_doble">
                        <div class="flip_bg"></div>
                        <a class="flip_arrow" href="#">00</a>
                    </div>
                </div>

.flip_doble{
    padding: 10px 15px;
    background-color: #e8ebf1;
}

.flip_arrow{
    color:transparent;
    content: '';
    display: block;

    width: 6px;
    height: 6px;

    border-top: 2px solid #000000;
    border-right: 2px solid #000000;

    transform: rotate(45deg);
}

Comments

[Сергей delphinpro]

Одну вы уже сделали. В чем проблема сделать еще одну такую же?

Answer 1

[Dino Winchester]

Если хочется использовать или создавать иконки на CSS, можете посмотреть эту библиотеку: https://github.com/astrit/css.gg

Там есть CSS версии иконок, например вот двойная стрелочка. Можете найти нужные вам и заодно возможно и поучиться как делать подобное.

Или гуглить:

chevron right css
chevron double right css

Однако на мой взгляд для таких целей всё же лучше подходят SVG иконки.

Answer 2

[Антон Антон]

не выделываться, а сделать два SVG. ну или один и вывесли его нужное количество раз.
если прям очень нужно (хотя я прям сомневаюсь в необходимости), то можно вывести два одинаковых элемента рядом флексом

Comments

[Антон Антон]

А еще есть симпсоны на css https://pattle.github.io/simpsons-in-css/

[Zhurikello]

Прикольно, не знал, что так можно )