Jul 16, 2024
resize
property.visible
(e.g., overflow: hidden
).box-shadow
in CSS.inset
for shadows.for
attribute to link labels and checkboxes.checked
pseudo-class to apply styles based on checkbox state.display: none
.width
and max-width
properties.min()
function combines two rules into one.min-width
, use max()
function.clamp()
function combines width
, min-width
, and max-width
into one line.backdrop-filter
.blur
function to create glass effect.:not()
selector to exclude elements from selection.:has()
selector to style elements based on children.background
property.background-clip: text
to limit gradient to text area.:focus
pseudo-class for interaction.:focus-within
pseudo-class to keep focus on parent.counter-reset
in the root element.counter-increment
.::before
pseudo-element to display counter value.::before
element for numbered headings.scroll-snap-type
property on parent container for smooth scrolling effect.scroll-snap-align
on child elements (cards) to align them.start
, center
, end
; mandatory
, proximity
for snap type.