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

Открытие и закрытие контента на jQuery

Кнопки "показать полностью" и "показать еще" для открытия и закрытия дополнительного контента

По своей сути "показать полностью" и "показать еще" это одно и тоже, но для каждого варианта в этой заметке используются разные решения.

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

Скрипты используемые в этих примерах сделаны для библиотеки jQuery

Читать далее

Шаблоны сеток на 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

Читать далее