Стрелки на CSS

Данные стрелки можно использовать для оформления меню, кнопок, подсказок, каруселей, слайдеров или других элементов на сайте.

Все варианты не используют графические иконки или шрифты

Вариант 1:

Стрелка с ховер-эффектом, которая подойдет для оформления кнопок "подробнее" или "далее", а также для построения последовательности, например: "Деньги -> Стулья -> Профит"

Вариант 2:

Большая стрелка для каких-нибудь информационных или графических блоков.

Вариант 3:

Стрелка на SVG для меню или кнопки "подробнее / далее"

Вариант 4:

Вариант стрелки для аккордиона или выпадающего блока (меняет направление по клику).

Требуется библиотека jQuery

Вариант 5:

Стрелки для оформления подсказок или каких-нибудь информационных блоков

Стрелка вверх
Стрелка вниз
Стрелка влево
Стрелка вправо

Вариант 6:

Стрелки на SVG для слайдера или карусели

Вариант 7:

Анимированная стрелка вниз

Вариант 8:

Еще один вариант анимированной стрелки вниз

Еще несколько вариантов стрелок можно найти в заметке: Кнопка "вверх" и варианты ее оформления

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!