Spiel-Würfel in HTML und CSS

[Matthias Scharwies]

Guten Morgen!

Nur in SVG:

<svg>
    <g id="face1">
        <rect width="50" height="50" fill="red" />
        <circle cx="25" cy="25" r="3" />
   </g>
    <g id="face2">
    </g>
    <g id="face3">
    </g>
   ...
</svg>

und das dann mit CSS drehen.

Coole Idee - so mach ich's!

Jetzt muss ich nur die CSS-transform umschreiben, da SVG ja einen anderen Angelpunkt (Ursprung anstatt "50% 50%") hat.

Herzliche Grüße

Matthias Scharwies