Метка: css-tricks

CSS: оформление скроллбаров 2022

scrollbar css

Для максимально возможной кросс-браузерной поддержки стилизации полос прокрутки (scrollbar) лучше использовать специальные CSS-свойства с префиксом ::webkit (для Chrome и Safari), и стандартизированные свойства scrollbar-width совместно с scrollbar-color (для Firefox)

aspect-ratio [quirksmode]

aspect-ratio: 16/9

Особенности работы css-свойства aspect-ratio, которое определяет соотношение между шириной и высотой контейнера. Примеры, когда aspect-ratio игнорируется и не применяется, работает не так, как ожидалось или не работает совсем.

Перемещения с помощью 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 определяет способ повторяемости фонового изображения

CSS border-radius

border-radius

border-radius — это CSS-свойство, которое определяет, как скругляются границы блока.