demosthenes.info

Independent notes on CSS, SVG, animation and front-end design.

Articles CSS SVG JavaScript Archive About

Articles / Gradients tag

Gradients tag

Articles and demos from the restored archive related to Gradients.

Create Brushed Metal Lettering With CSS Gradients

Glossy text editable in your HTML.

Read article →

About

I'm Dudley Storey, author of Pro CSS3 Animation.

This is my blog, where I talk about web design and development with HTML, CSS and SVG.

My book

Pro CSS3 Animation
Apress, 2013
More about the book →

Projects

The New Defaults
A Sass color keyword system for designers.

CSSslider
An auto-generated responsive image slider. No jQuery.

Browse topics

HTML28›
CSS127›
JavaScript40›
SVG63›
Responsive Images25›
Typography23›
Animation26›
Blend Modes18›
Backgrounds30›
Selectors15›
Color15›
Box Model11›

View all topics →

Archive note

This site is a restoration of articles originally published between 2010 and 2016.

Content has been preserved as closely as possible, with additional notes where browser support or best practices have changed.

Learn more about the archive →

Recently restored

Scribble Image Reveal with SVG and Blend Modes
Bokeh Backgrounds with SVG and JS
Responsive Image Hinting
CSS Shapes and Masks

Popular tags

css svg animation background javascript responsive retina layout typography blend-modes mobile more

© 2010–2025 Dudley Storey. Restored archive.

Proudly written with semantic HTML, CSS and a lot of coffee.