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

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

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

Комментарии

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

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

Contenteditable – текстовый редактор
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
12.12.2019
1621
+6
Мануал по созданию и форматированию excel файлов в PHPExcel
К сожалению разработчики прекратили поддержку и разработку проекта, но PHPExcel все равно остается популярной...
12.06.2019
11468
+5
Шахматное поле на CSS
Приемы как сделать шахматную сетку на псевдо-свойстве :nth-child().
15.11.2018
4185
0
Горизонтальное меню justify
В отличии предыдущего меню, где есть отступы у каждого элемента, часто возникает задача сделать резиновое меню без них. Пункты меню должно идти с одинаковыми интервалами и без отступов по бокам.
24.01.2019
1062
0
Clearfix – отмена действия float
Если в родительском блоке есть элементы со свойством float: left то у него теряется высота и перестает работать...
07.12.2016
1364
+2
Фон под текстом
С фоном у текста есть проблема – у элемента с display: inline при переносах текста не работают отступы (padding) по бокам. Исправить это можно следующими способами.
02.07.2019
7833
+1