Время от времени каждый верстальщик сталкивается с нелюбимыми и раздражающими задачами. Возможно, для многих веб-разработчиков одной из таких задач является необходимость создания индикатора уведомлений. Давайте попробуем чуть-чуть облегчить нашу работу. В этой статье мы разберем, как создать такой индикатор на чистом CSS.

Роль каскадных стилей в веб-разработке неоценима, при этом задачи, решаемые с помощью CSS, могут быть как легкими, так и чрезвычайно запутанными и сложными для понимания. За время существования каскадных стилей были придуманы различные приемы, так или иначе облегчающие работу над проектами. О некоторых из таких трюков мы поговорим в этой статье.

Итак, мы научились создавать с помощью CSS базовые фигуры, треугольники и шестиугольники. Пришло время освоить еще один достаточно простой трюк, который позволит создать замечательную фигуру - яйцо.

Мы уже умеем рисовать с помощью CSS базовые фигуры и треугольники. Теперь рассмотрим пару способов создания еще одного не менее интересного геометрического объекта - шестиугольника. Как в первом, так и во втором случае неоценимую помощь в создании равностороннего шестиугольника нам окажут псевдо-классы :before и :after.

В одной из статей мы уже учились рисовать с помощью CSS базовые фигуры. Настало время освоить создание еще одной часто используемой геометрической формы - треугольника. Среди множества способов создания треугольника наиболее распространенным является хак с границами (border hack).