Блоки со стрелками (часть 1)

Добавить стрелки к блоку можно с помощью псевдо-элемента :before.

<div class="arrow">
	Пример блока со стрелкой CSS
</div>
HTML
14.03.2019 , обновлено 30.07.2020
Предыдущая запись Текст с градиентом
Следующая запись Блоки со стрелками (часть 2)

Комментарии

, чтобы добавить комментарий.

Другие публикации

Как сделать табы на jQuery
Сделать табы на jQuery очень просто, сделаем HTML разметку и добавим к нему JS код...
8723
+2
Мануал по созданию и форматированию excel файлов в PHPExcel
К сожалению разработчики прекратили поддержку и разработку проекта, но PHPExcel все равно остается популярной...
24983
+7
Clearfix – отмена действия float
Если в родительском блоке есть элементы со свойством float: left то у него теряется высота и перестает работать...
2453
+2
Фон под текстом
С фоном у текста есть проблема – у элемента с display: inline при переносах текста не работают отступы (padding) по бокам. Исправить это можно следующими способами.
14463
+2
Аккордеон jQuery UI
jQuery UI Accordion функциональный плагин аккордеона. Рассмотрим примеры использования.
4643
0
Горизонтальное меню justify
В отличии предыдущего меню, где есть отступы у каждого элемента, часто возникает задача сделать резиновое меню без них. Пункты меню должно идти с одинаковыми интервалами и без отступов по бокам.
1741
0