263 подписчика
Часто нужно быстро добавить стрелку, а дизайнера, который сделает для вас картинку под рукой нет. На выручку всегда придут css-фигуры, построенные на самых простых css-свойствах, которым можно легко менять цвет и очертания.
К примеру, вы можете с использованием такого простейшего свойства, как border, задать верхнюю и левую границу блока, а затем повернуть его вправо с помощью свойства transform со значением rotate. И вауля! Вы получили простейшую стрелку влево. Даже быстрее чем закинуть svg в папку, не правда ли?
В нашей статье "Как сделать простые стрелки на CSS" мы даем примеры кода с объяснением того, как они работают для пяти простых и быстрых решений стрелок на CSS. Добавляйте эту статью в закладки и легко копируйте нужный вид стрелок, когда они вам понадобятся.
Около минуты
25 мая 2022