Шаблоны сеток на 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
Полупрозрачный бордюр на CSS
Создание полупрозрачных бордюров с использованием псевдоклассов :before и :after
Простой вариант, как украсить картинку или блок полупрозрачным бордюром и использовать второй, как ховер-эффект.
