С информацией
Только заголовки

Заголовок, перекрывающий блок с рамкой

Заголовок на прозрачном фоне, перекрывающий блок с рамкой на CSS

Два варианта заголовков (на однородном и графическом фоне), которые перекрывают блоки с рамкой.

Читать далее

Шаблоны сеток на CSS Grid

Несколько примеров расположения блоков с использованием сеток на CSS Grid

Во всех вариантах используется CSS-свойство display: grid;

Читать далее

Резиновые квадраты на CSS

Сетка с резиновыми квадратами средствами CSS

Простой код для создания сетки, в которой при любом ее размере, блоки расположенные в ней имеют квадратную форму

Читать далее

Тень для clip-path

Пример создания тени для ограниченной области clip-path

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

Читать далее


Внутренний border-radius у блока

Имитация закругленных углов, как у css-свойства border-radius, но с отрицательным радиусом

Использование радиальных градиентов для имитации закругленных углов с отрицательным радиусом.

Читать далее

Блок из 4-х фотографий

Оформление блок-секции из четырех фотографий на CSS

Фотографии для блока могут быть любых, но одинаковых размеров.

Читать далее

Эффект радиоволны на кнопке или блоке

Круглые волны, которые расходятся по всей странице от кнопки или блока

Данным эффектом можно привлечь внимание к определенному элементу на странице

Читать далее

Предупредительные сообщения на CSS

Оформление предупредительных сообщений success, warning, danger и info

Простой вариант добавления в контент предупредительных сообщений, которые устанавливаются одним блоком <div class="n-name">...</div>.

Читать далее

Background для бордюров

Использование графического или градиентного фона на бордюрах

Варианты оформления бордюров с помощью css-свойства border-image

Читать далее