Рубрика: CSS

Выезжающая боковая панель (sidebar)

sidebar

Как создать отзывчивую выдвигающуюся боковую панель (sidebar) для навигации, которая отслеживает состояние, поддерживает управление с клавиатуры, работает с Javascript и без него в разных браузерах

CSS-свойство aspect-ratio

Применение CSS-свойства aspect-ratio для установки отношения сторон контейнеру вместо использования трюков с помощью padding-top: 56.25% и несколько практических примеров.

Руководство по CSS-переменным

css variables

Настраиваемые CSS-свойства для каскадных переменных, о которых давно просили, но которые всё ещё недостаточно используются, предлагают революционные возможности для совместной работы и повторного использования кода.

CSS Scroll Snap

scroll-snap-type

Ключевые свойства спецификации Scroll Snap. CSS-cвойство scroll-snap-type используется в контейнере со скроллом для определения его типа и направления.

Перемещения с помощью CSS Motion Path

CSS Motion Path

Использование css-свойств offset-path, offset-distance, offset-position, offset-rotate, offset-anchor для перемещений элемента по назначенному пути и расположении относительно него.

CSS свойство clip-path

clippy

clip-path создает ограниченную область, которая определяет какая часть элемента останется видимой.

background-repeat

background-repeat

CSS-свойство background-repeat определяет способ повторяемости фонового изображения