Spiel-Würfel in HTML und CSS

[Jonathan Harker]

Hallo Matthias,

Wenn man die einzelnen Zahlen nicht mit box-shadow umsetzen will, könnte man SVG verwenden:

<x-cube>
		<svg id="1">...</svg>
		<svg id="2">...</svg>
		<svg id="3">...</svg>
		<svg id="4">...</svg>
		<svg id="5">...</svg>
		<svg id="6">...</svg>
</x-cube>

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.

-- Die Jugend weiß nicht mehr, warum wir Halloween feiern, traurig! Wenn Jesus den Riesenkürbis nicht besiegt hätte, würden wir kein Wihnachten feiern können!

😀

Bis bald! Jonathan