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

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

Полупрозрачный бордюр на CSS

Создание полупрозрачных бордюров с использованием псевдоклассов :before и :after

Простой вариант, как украсить картинку или блок полупрозрачным бордюром и использовать второй, как ховер-эффект.

Читать далее