Tags: gradient

6 CSS Snippets Every Front-End Developer Should Know In 2025 · 19 January 2025

• Springy easing with linear()
• Typed custom properties
• View transitions for page navigation
• Transition animation for dialog and popover
• Transition animation for details
• Animated adaptive gradient text

Which color scale to use when visualizing data - Datawrapper Blog

A fascinating four-part series by Lisa Charlotte Muth on colour in data visualisations:

1. Which color scale to use when visualizing data
2. When to use quantitative and when to use qualitative color scales
3. When to use sequential and when to use diverging color scales
4. When to use classed and when to use unclassed color scales

Proper UI hierarchy · accssible

Bringing gradients back, baby!

This is going to be a handy reference to keep on hand whenever you want a button to actually look like a button.

Radial Gradient Recipes | CSS-Tricks

Chris takes us on a whirlwind tour of radial gradients in CSS.

Eric’s Archived Thoughts: Generating Wireframe Boxes with CSS and HTML5

Eric uses some super-clever CSS to “wireframe up” a web page.

I wonder if this could be turned into a little bookmarklet?

Photo Toning with Gradients & Blend Modes

This use-case for blend modes is making me thirsty.

Also: look who’s blogging again!

Rothkode

Mark Rothko paintings recreated with CSS gradients.

CSS Gradient Text Effect

A neat new CSS effect. You don't see many of those these days.