Web development Blog

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.

The initial-letter property specifies size and sink for initial letters.

Registering typed custom properties can be useful in container style queries.

The @property rule allows you to register custom properties.

On day 80, I’ve explained that we can check whether a container has a specific property and value assigned and apply additional styles based on this condition. On day 82, I’ve explained that the value of a property can come from different sources, undergo adjustments before it becomes the actual value, and take on different forms along the way. To use container style queries, it’s important to understand which value's being used in queries.