Демки: CSS

[igsekor]

Список готовых демок:

• [ ] accent-color
• [x] ::after
• [ ] align-content
• [x] align-items
• [ ] all
• [ ] animation-fill-mode
• [ ] animation-name
• [ ] animation-timing-function
• [x] CSS-анимации
• [ ] appearance
• [ ] aspect-ratio
• [x] attr()
• [x] Селектор по атрибуту
• [ ] backdrop-filter
• [x] ::backdrop
• [ ] backface-visibility
• [x] background-color
• [x] background-image
• [ ] background-origin
• [x] background-position
• [x] background-repeat
• [x] background-size
• [x] ::before
• [ ] border-block
• [ ] border-collapse
• [ ] border-color
• [x] border-image
• [ ] border-inline
• [x] border-radius
• [ ] border-spacing
• [ ] border-style
• [ ] border-width
• [x] border
• [x] box-shadow
• [x] box-sizing
• [ ] caret-color
• [ ] Принцип каскада
• [x] :checked
• [x] Псевдоклассы группы child
• [x] clamp()
• [x] Селектор по классу
• [ ] clip-path
• [ ] clip
• [x] color()
• [ ] color-scheme
• [ ] column-count
• [ ] column-fill
• [ ] column-rule-color
• [ ] column-rule-style
• [ ] column-rule-width
• [ ] column-rule
• [ ] column-span
• [ ] column-width
• [ ] columns
• [ ] conic-gradient()
• [x] content
• [ ] counter(), counters()
• [ ] counter-set
• [ ] Счётчики в CSS
• [ ] currentColor
• [x] cursor
• [x] Кастомные свойства
• [ ] :default
• [x] :empty
• [ ] fill
• [ ] Функции фильтров
• [ ] filter
• [ ] ::first-letter
• [ ] ::first-line
• [ ] Как реально работают flex-shrink и flex-grow
• [x] Гайд по flexbox
• [ ] float
• [ ] :focus-visible
• [ ] :focus-within
• [x] :focus
• [x] font-family
• [x] font-size
• [ ] font-smooth
• [ ] font-stretch
• [x] font-style
• [ ] font-variant-numeric
• [x] font-weight
• [ ] font
• [ ] gap
• [ ] Глобальные ключевые слова
• [x] height
• [ ] image-rendering
• [ ] image-set()
• [x] :in-range, :out-of-range
• [ ] :indeterminate ✎
• [x] Наследование
• [x] :invalid, :valid
• [ ] :lang()
• [x] @layer
• [x] letter-spacing
• [ ] light-dark()
• [x] line-height
• [ ] linear-gradient()
• [x] list-style-image
• [x] list-style-position
• [x] list-style-type
• [ ] Логические свойства CSS
• [ ] ::marker
• [ ] max()
• [ ] min()
• [x] mix-blend-mode
• [x] Mobile-first vs Desktop-first
• [x] Селектор потомка
• [x] Псевдоклассы группы type
• [x] Единицы измерения
• [x] object-fit
• [ ] object-position
• [ ] object-view-box
• [ ] outline-color
• [ ] outline
• [ ] overflow-wrap
• [ ] overflow
• [ ] overscroll-behavior
• [x] padding
• [ ] @page
• [ ] perspective-origin
• [ ] perspective
• [ ] Подход «Pixel Perfect»
• [ ] place-content
• [x] ::placeholder
• [ ] pointer-events
• [x] position: sticky
• [x] position
• [x] prefers-color-scheme
• [ ] print-color-adjust
• [x] Псевдоприватные кастомные свойства
• [x] Псевдоклассы
• [x] Псевдоэлементы
• [x] quotes
• [ ] radial-gradient()
• [ ] repeating-conic-gradient()
• [ ] repeating-linear-gradient()
• [ ] repeating-radial-gradient()
• [x] :required
• [ ] resize
• [ ] rotate
• [ ] scale()
• [ ] scroll-behavior
• [ ] scroll-padding
• [ ] scroll-snap-align
• [ ] scroll-snap-stop
• [ ] scroll-snap-type
• [ ] scrollbar-color
• [ ] scrollbar-gutter
• [ ] scrollbar-width
• [ ] ::selection
• [x] Перечисление селекторов
• [ ] skew()
• [ ] Контекст наложения
• [ ] @starting-style
• [ ] stroke
• [ ] @supports
• [ ] sv, lv, dv
• [ ] tab-size
• [x] Селектор по тегу
• [ ] text-align-last
• [x] text-align
• [ ] text-box-edge
• [ ] text-box-trim
• [ ] text-box
• [ ] text-decoration-color
• [ ] text-decoration-line
• [ ] text-decoration-skip-ink
• [ ] text-decoration-style
• [ ] text-decoration-thickness
• [x] text-decoration
• [ ] text-indent
• [ ] text-justify
• [ ] text-overflow
• [x] text-rendering
• [x] text-shadow
• [x] text-transform
• [x] text-wrap
• [ ] touch-action
• [ ] transform-box
• [x] Функции CSS-трансформации
• [x] transform-origin
• [x] transform-style
• [x] transform
• [x] transition-delay
• [ ] transition-timing-function
• [x] transition
• [ ] user-select
• [ ] var()
• [x] vertical-align
• [ ] @view-transition
• [x] visibility
• [ ] vw, vh, vmin, vmax
• [ ] Цвета в вебе
• [x] :where()
• [x] white-space
• [x] width
• [ ] word-break
• [ ] word-spacing
• [ ] word-wrap
• [ ] writing-mode
• [x] z-index