Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
CSS functions

24 Articles
{
,

}
Direct link to the article The Range Syntax Has Come to Container Style Queries and if()
container-queries CSS functions media queries Style Queries

The Range Syntax Has Come to Container Style Queries and if()

Being able to use the range syntax with container style queries — which we can do starting with Chrome 142 — means that we can compare literal numeric values as well as numeric values tokenized by custom properties or the attr() function.
Daniel Schwarz on Nov 13, 2025
Direct link to the article The “Most Hated” CSS Feature: tan()
CSS functions math

The “Most Hated” CSS Feature: tan()

Last time, we discussed that, sadly, according to the State of CSS 2025 survey, trigonometric functions are deemed the “Most Hated” CSS feature.…

Juan Diego Rodríguez on Nov 3, 2025
A series of six dits in a single row. Five are the same size and colored dark gray. The fifth item is scaled slightly smaller and colored gold.
Direct link to the article Sequential linear() Animation With N Elements
animation CSS functions

Sequential linear() Animation With N Elements

Let’s suppose you have N elements with the same animation that should animate sequentially. Modern CSS makes this easy and it works for any number of items!
Temani Afif on Oct 15, 2025
Direct link to the article The thing about contrast-color
color CSS functions

The thing about contrast-color

One of our favorites, Andy Clarke, on the one thing keeping the CSS contrast-color() function from true glory:

For my website design, I chose a dark blue background colour (#212E45) and light text (#d3d5da). This

…
Geoff Graham on Oct 8, 2025
Direct link to the article Quick Hit #59
CSS functions specifications

Quick Hit #59

A working draft for CSS Environment Variables is posted. Same concept as var(), but env() is a “global” variable at the document level for values the user agent is privy to.…

Geoff Graham on Sep 25, 2025
Direct link to the article CSS Typed Arithmetic
animation CSS functions math

CSS Typed Arithmetic

Starting in Chrome 140, we'll be able to calculate numeric values with mixed data types. Sounds small, but Amit demonstrates how big a deal this is, calling it Computational CSS.
Amit Sheen on Sep 24, 2025 Updated on Sep 30, 2025
Direct link to the article What You Need to Know About CSS Color Interpolation
color CSS functions

What You Need to Know About CSS Color Interpolation

Color what? Sunkanmi Fafowora explains how an everyday task for CSS can be used to create better colors experiences.
Sunkanmi Fafowora on Sep 5, 2025
Direct link to the article Should the CSS light-dark() Function Support More Than Light and Dark Values?
color CSS functions

Should the CSS light-dark() Function Support More Than Light and Dark Values?

The light-dark() function is currently designed to support just two color schemes. Should it support others? Sunkanmi Fafowora says yes and no.
Sunkanmi Fafowora on Sep 2, 2025
Direct link to the article We Might Need Something Between Root and Relative CSS Units for “Base Elements”
CSS CSS functions typography

We Might Need Something Between Root and Relative CSS Units for “Base Elements”

I've come to realize that perhaps we need to have a unit between root and relative values. This would bring about a whole new possibility when creating reusable components.
Zell Liew on Aug 13, 2025
  • 1
  • 2
  • 3
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top