Tags » svg

• 

  Drawing inner/outer strokes in SVG (clips and masks)

  Showing how clips and masks work, and how they can be used to draw inner and outer strokes of a shape.

• Two examples of hover styles on images

  When I hover over an image, I can add a border to a link, or change the colours of an SVG icon.

• TIL: How to embed an inline SVG in a CSS rule

  Modern browsers allow you to embed the SVG almost as-is, with just a couple of characters that need escaping – no base64 required!

• TIL: Pausing the animation of <svg> elements can affect child <svg> elements differently in different browsers

• TIL: SVGs are only rendered on GitHub if you use an <img> that points to another file

• TIL: Animate an attribute of an element with <animate>

• Drawing a circular arc in an SVG

  A Python function to help me draw circular arcs, as part of an upcoming project.

• Drawing with triangular coordinates in SVG

  Some code and trigonometry for drawing shapes that don’t fit neatly into a rectangular grid.