postcss-clip-path

PostCSS plugin that adds `clip-path` value from [clippy](http://bennettfeely.com/clippy/).

Usage no npm install needed!

<script type="module">
  import postcssClipPath from 'https://cdn.skypack.dev/postcss-clip-path';
</script>

README

PostCSS clip-path

PostCSS PostCSS plugin that adds clip-path value from clippy.

.foo {
  clip-path: triangle;
}

.foo {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

--

Value

triangle
trapezoid
parallelogram
rhombus
pentagon
hexagon
heptagon
octagon
nonagon
decagon
bevel
rabbet
leftArrow
rightArrow
leftPoint
rightPoint
leftChevron
rightChevron
star
cross
message
close
frame

--

Usage

postcss([ require('postcss-clip-path') ])

See PostCSS docs for examples for your environment.

--

License

MIT © zhouwenbin