yuanchuan / postcss-polygon-shapes

Generate shapes using polygon()

PostCSS Polygon Shapes

PostCSS plugin to generate shapes using polygon().
Ported from css-doodle.

.foo {
  clip-path: shape(cross);
}

.foo {
  clip-path: polygon(
    5% 35%,  35% 35%, 35% 5%,  65% 5%,
    65% 35%, 95% 35%, 95% 65%, 65% 65%,
    65% 95%, 35% 95%, 35% 65%, 5% 65%
  );
}

Usage

postcss([ require('postcss-polygon-shapes') ])

or

postcss([
  require('postcss-polygon-shapes', {
    shapes: {
      myshape: 'polygon(...)'
    }
  })
])

See PostCSS docs for examples for your environment.