Шаблоны сеток на CSS Grid
Несколько примеров расположения блоков с использованием сеток на CSS Grid
Во всех вариантах используется CSS-свойство display: grid;
Несколько примеров расположения блоков с использованием сеток на CSS Grid
Во всех вариантах используется CSS-свойство display: grid;
Сетка с резиновыми квадратами средствами CSS
Простой код для создания сетки, в которой при любом ее размере, блоки расположенные в ней имеют квадратную форму
Пример создания тени для ограниченной области clip-path
Решается такая задача просто, нужно обернуть эту область в тег с фильтром.
Имитация закругленных углов, как у css-свойства border-radius, но с отрицательным радиусом
Использование радиальных градиентов для имитации закругленных углов с отрицательным радиусом.
Оформление блок-секции из четырех фотографий на CSS
Фотографии для блока могут быть любых, но одинаковых размеров.
Круглые волны, которые расходятся по всей странице от кнопки или блока
Данным эффектом можно привлечь внимание к определенному элементу на странице
Оформление предупредительных сообщений success, warning, danger и info
Простой вариант добавления в контент предупредительных сообщений, которые устанавливаются одним блоком <div class="n-name">...</div>
.
Использование графического или градиентного фона на бордюрах
Варианты оформления бордюров с помощью css-свойства border-image
Создание полупрозрачных бордюров с использованием псевдоклассов :before и :after
Простой вариант, как украсить картинку или блок полупрозрачным бордюром и использовать второй, как ховер-эффект.