the new code
  • Home
  • Plinko Casino
  • About
  • Contact Us

I’m Dudley Storey, author of Using SVG with CSS3 and HTML5, Smashing Magazine contributing editor, teacher and speaker. I write about all aspects of web development, including:

  • HTML
  • CSS
  • JavaScript
  • SVG
  • Responsive Design
  • Galleries
  • PHP
  • MySQL
  • SEO
  • Accessibility
  • Servers & Hosting
  • Business
  • Exercises & Quizzes

To receive more information, including news, updates, and tips, follow me on Twitter or add me on Google+.

Become a Patron

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.

projects

The New DefaultsA Sass color keyword system for designers. Replaces CSS defaults with improved hues and more memorable, relevant color names.

CSSslidyAn auto-generated #RWD image slider. 3.8K of JS, no JQuery. Drop in images, add a line of CSS. Done.

Massive Head CanonMassive Head Canon. Intelligent discussion of movies, books, games, and technology.

books

Pro CSS Animation (Apress, 2013)

CSS Box Model Reading List
Flexbox Reading List
CSS Reading List
Part of the SVG Reading List

Web Developer Reading List: SVG Decoration

Updated 2017-01-30 12:32:31

Share onTwitterFacebookGoogle+

For the purpose of this reading list, I’m defining “decoration” as aspects of SVG that are additions to basic elements:

Prerequisites: The SVG reading list to this point.

Total time: 1 hour

  1. Strokes
  2. Arrowheads
  3. Linear Gradients

I also cover some specialised uses of SVG decorative elements:

  1. Styling Visited Links
  2. Automatic Image Checkerboards

Creating and modifying strokes, arrowheads, links and gradients in SVG

Enjoy this piece? I invite you to follow me at twitter.com/dudleystorey to learn more.

Web Developer Reading List: SVG Imagemaps & Interactivity Web Developer Reading List: SVG Text

Copyright © 2026