Метка: html-css

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

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

CSS Scroll Snap

scroll-snap-type

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

Как работает z-index

z-index

CSS свойства z-index, position: relative и absolute и взаимное расположение контейнеров, как всё этот вместе работает: наглядно и понятно.

Расширение для Google Chrome: JavaScript+HTML+CSS

Расширения Google Chrome — это небольшие приложения, которые добавляют дополнительные функции в браузер и реализуются с использованием веб-технологий: HTML, CSS и JavaScript.

Набор переключателей на чистом CSS

togglers

MoreToggles.css — это библиотека на чистом CSS, которая предоставляет большое количество привлекательных переключателей. Вам нужно только добавить название CSS-класса для div.

CSS для веб-компонентов

Две стороны веб-компонентов находятся в противоречии друг с другом: изоляция и настройка. Как разработчики могут сохранить внутренние CSS-правила изолированными от внешнего мира? И как настраивать компоненты для достижения желаемого результата?