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

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

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

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

Суть эффекта вырезанного текста сводится к тому, что через буквы просвечивается фоновое изображение родительского блока.