postcss-safari-border-plugin

PostCSS plugin to solve problem when using border-radius + overflow: hidden + transform.
for more info, please visit https://bugs.webkit.org/showbug.cgi?id=98538
also, here is a gist

What it does

.foo {
    overflow: hidden;
    border-radius: 10px;
}

.foo {
    overflow: hidden;
    border-radius: 10px;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

Usage

postcss([require("postcss-safari-border-plugin")]);

See PostCSS docs for examples for your environment.