CSS-Patterns-Workbench icon indicating copy to clipboard operation
CSS-Patterns-Workbench copied to clipboard

CSS Background Composer (formally CSS Gradient Editor)

Examples

  • Computer history museum logo: http://glan.github.com/CSS-Patterns-Workbench/#2301441
  • Adobe logo http://glan.github.com/CSS-Patterns-Workbench/#388abfd85887932633f9
  • Solar eclipse: http://glan.github.com/CSS-Patterns-Workbench/#2326422
  • Jim's http://glan.github.com/CSS-Patterns-Workbench/#3baf62ce4449054df3e4
  • Glan's copy of Jim's logo http://glan.github.com/CSS-Patterns-Workbench/#2277120

Notes

The # (location hash) points to a github gist which will automatically be loaded into the composer when opened. You can create your own gists and then share them by appending the ID after the #.

You can also paste CSS code directly into the Live CSS Code view. All of the patterns on http://lea.verou.me/css3patterns/ should parse fine.