Sunkanmi Fafowora

The ::target-text pseudo-element selects a text fragment, usually the ones created by search engines.

The CSS if() function was recently implemented in Chrome 137, making it the first instance where we have it supported by a mainstream browser. Let's poke at it a bit at a very high level.

CSS has a number of functions that can be used to set, translate, and manipulate colors. Learn what they are and how they are used with a bunch of examples to get you started.

The @color-profile at-rule defines a color profile containing a custom color space (among other information). A color profile can then be used in the color() and color-mix() functions to access unique colors.

Okay, nobody is an exaggeration, but have you seen the stats for hwb()? They show a steep decline, and after working a lot on color in the CSS-Tricks almanac, I’ve just been wondering why that is.

The CSS color() function allows you to use a color directly from a color space, either an existing color space or a custom one.

The oklab() function represents colors in the OKLab color space. OKLab is an “OK” and even better version of the lab color space. It displays colors according to their lightness, red/green axis, blue/yellow axis, and an optional alpha transparency value. …

The color-gamut media feature is used to apply CSS styles depending on whether or not your browser and device support a specific color gamut.

The CSS hyphenate-character property in CSS adds a hyphen or custom string at the end of a text line that wraps to the next line.