Web development Blog

The margin-trim property allows a container element to trim the margins of its children where they adjoin the container’s edges.

The color-mix() function takes two colors and returns the result of mixing them, in a given color space, by a specified amount.

The accent-color CSS property allows us to specify the accent color for user-interface controls generated by an element.

The lch() color function allows you to pick colors from the CIELAB color space, which is device-independant and covers the entire gamut (range) of human color perception.

With the relative color syntax we can modify existing colors using color functions. If an origin color is specified, each color channel can either be directly specified, or taken from the origin color and modified.

I’ve already shown much appreciation for the :has() pseudo-class in this series, but that we can use it as a previous sibling selector tops it all of.

Rules within a container query only apply to descendants of that container.

Style queries may change the way we write CSS significantly.

CSS Motion path allows you to position any graphical object and animate it along a specified path.

You can use mask properties to apply a mask to an element.