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

Articles Tagged
CSS functions

5 Articles
Direct link to the article CSS shape() Commands
CSS functions

CSS shape() Commands

The CSS shape() function recently gained support in both Chromium and WebKit browsers. It's a way of drawing complex shapes when clipping elements with the clip-path property.
Geoff Graham on May 12, 2025
Direct link to the article Quick Hit #36
CSS functions

Quick Hit #36

Chrome has filed an intent to prototype the sibling-index() and sibling-count() functions which has to make Juan super happy.…

Geoff Graham on Mar 5, 2025
Direct link to the article lab()
color CSS functions

lab()

The lab() color function represents colors in the CIELAB color space. It displays them according to their lightness, red/green axis position, blue/yellow axis position, and an optional alpha transparency value.
Sunkanmi Fafowora on Mar 4, 2025
Direct link to the article How to Wait for the sibling-count() and sibling-index() Functions
CSS functions

How to Wait for the sibling-count() and sibling-index() Functions

Today, I want to look into one of those cases of impatient and how the community has waited for that feature, to be specific, two upcoming functions: sibling-count() and sibling-index().
Juan Diego Rodríguez on Mar 5, 2025
Direct link to the article CSS Olympic Rings
css animation CSS functions relative color

CSS Olympic Rings

It was a few years ago during the 2020 Olympics in Tokyo 2020 that I made a demo of animated 3D Olympic rings. I like it, it looks great, and I love the effect of the rings crossing each other.…

Amit Sheen on Aug 20, 2024

TOC

  1. The markup
  2. The (vanilla) CSS
  3. Animating the rings
  4. Adding more rings
  5. Some final touches
  6. Final demo

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