A CSS tribute to SVG

jeremiepat.github.io/svg-css-bff Once Upon A Time…

CSS

  1. SVG Properties (fill, stroke, …)
  2. Geometry Properties (x, y, rx, …)
  3. CSS Custom Properties
  4. 2D & 3D Transform
  5. Masking & Clipping
  6. Transition & Animation

SVG

  1. One single <rect /> element
  2. Many <use /> elements
  3. A customizable <mask />
  4. A drop shadow <filter />
  5. Some linear and radial gradients