# CSS functions

CSS value functions are statements that perform data processing or calculations to return CSS property values.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Chrome 150 beta

DevFeed: [Chrome 150 beta](<https://devfeed.tech/articles/chrome-150-beta-4131.md>)

Original publisher: [Read original article](<https://developer.chrome.com/blog/chrome-150-beta?hl=en>)

Author: Rachel Andrew GitHub LinkedIn Mastodon Bluesky Homepage

Published: 2026-06-03T07:00:00Z

Content type: release

Language: en

Sources: [developer.chrome.com: Blog](<https://devfeed.tech/sources/developer-chrome-com-blog.md>)

Topics: [Chrome](<https://devfeed.tech/topics/chrome.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Beta channel](<https://devfeed.tech/topics/beta-channel.md>), [CSS functions](<https://devfeed.tech/topics/css-functions.md>), [Web](<https://devfeed.tech/topics/web.md>)

Tags: [beta-channel](<https://devfeed.tech/tags/beta-channel.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [css](<https://devfeed.tech/tags/css.md>), [css-functions](<https://devfeed.tech/tags/css-functions.md>), [developers](<https://devfeed.tech/tags/developers.md>), [release](<https://devfeed.tech/tags/release.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

Chrome 150 beta previews CSS and UI updates across Android, ChromeOS, Linux, macOS, and Windows, including system colors, rounded CSS shapes, animatable zoom, CSS URL request modifiers, responsive text sizing, border clipping, and color image functions.

### Source excerpt

Get a preview of the next Chrome release with this post detailing the features in the current beta.

## 5 Useful CSS functions using the new @function rule

DevFeed: [5 Useful CSS functions using the new @function rule](<https://devfeed.tech/articles/5-useful-css-functions-using-the-new-function-rule-28767.md>)

Original publisher: [Read original article](<https://una.im/5-css-functions/>)

Published: 2025-08-13T00:00:00Z

Content type: tutorial

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [CSS functions](<https://devfeed.tech/topics/css-functions.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Design system](<https://devfeed.tech/topics/design-system.md>), [Font](<https://devfeed.tech/topics/font.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [css](<https://devfeed.tech/tags/css.md>), [css-functions](<https://devfeed.tech/tags/css-functions.md>), [design](<https://devfeed.tech/tags/design.md>), [examples](<https://devfeed.tech/tags/examples.md>), [fonts](<https://devfeed.tech/tags/fonts.md>), [properties](<https://devfeed.tech/tags/properties.md>), [syntax](<https://devfeed.tech/tags/syntax.md>), [tricks](<https://devfeed.tech/tags/tricks.md>), [typography](<https://devfeed.tech/tags/typography.md>)

### AI overview

A tutorial demonstrating five practical uses for CSS custom functions introduced with the new @function rule. The examples cover negating values, creating opacity variants, fluid typography, and conditionally rounded borders, with emphasis on clearer and more organized CSS.

### Source excerpt

CSS custom functions are a gamechanger. Here are 5 really useful examples.

## min(), max(), and clamp(): Three Logical CSS Functions to Use Today

DevFeed: [min(), max(), and clamp(): Three Logical CSS Functions to Use Today](<https://devfeed.tech/articles/min-max-and-clamp-three-logical-css-functions-to-use-today-28733.md>)

Original publisher: [Read original article](<https://una.im/2020-10-14-min-max-clamp/>)

Published: 2020-10-14T00:00:00Z

Content type: tutorial

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [CSS functions](<https://devfeed.tech/topics/css-functions.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [css-functions](<https://devfeed.tech/tags/css-functions.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [implement](<https://devfeed.tech/tags/implement.md>), [learn](<https://devfeed.tech/tags/learn.md>), [typography](<https://devfeed.tech/tags/typography.md>)

### AI overview

A tutorial on using the CSS min(), max(), and clamp() functions to control element sizing, maintain spacing, and implement fluid typography.

### Source excerpt

Learn how to control element sizing, maintain proper spacing, and implement fluid typography using these well-supported CSS functions.