Guten Morgen! Es gibt ja sogar Würfel als Unicode-Zeichen: # ⚀ ⚁ ⚂ ⚃ ⚄ ⚅ Schöner wäre es natürlich mit CSS oder SVG. Vorher will ich aber das „perfekte“ HTML finden: Im [Transform-Tutorial](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Transform/Drehen,_Kreisen_und_Pendeln#CSS-W.C3.BCrfel) gibt es einen CSS-Würfel: ~~~ HTML <div class="cube"> <div class="vorne">vorne</div> <div class="hinten">hinten</div> <div class="oben">oben</div> <div class="unten">unten</div> <div class="links">links</div> <div class="rechts">rechts</div> </div> ~~~ Der müsste aber eigentlich div-Würfel heißen. Was haltet ihr von ***custom elements***? ~~~ HTML <x-cube> <x-side>1</x-side> <x-side>2</x-side> <x-side>3</x-side> <x-side>4</x-side> <x-side>5</x-side> <x-side>6</x-side> </x-cube> ~~~ Wenn man die einzelnen Zahlen nicht mit [box-shadow umsetzen](https://daily-dev-tips.com/posts/creating-a-3d-dice-in-css/) will, könnte man SVG verwenden: ~~~ HTML <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> ~~~ Was ist am besten / einfachsten? Habt ihr andere Vorschläge, wie man das umsetzen kann? Herzliche Grüße Matthias Scharwies -- 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!

Guten Morgen! Es gibt ja sogar Würfel als Unicode-Zeichen: # ⚀ ⚁ ⚂ ⚃ ⚄ ⚅ Schöner wäre es natürlich mit CSS oder SVG. Vorher will ich aber das „perfekte“ HTML finden: Im [Transform-Tutorial](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Transform/Drehen,_Kreisen_und_Pendeln#CSS-W.C3.BCrfel) gibt es einen CSS-Würfel: ~~~ HTML <div class="cube"> <div class="vorne">vorne</div> <div class="hinten">hinten</div> <div class="oben">oben</div> <div class="unten">unten</div> <div class="links">links</div> <div class="rechts">rechts</div> </div> ~~~ Der müsste aber eigentlich div-Würfel heißen. Was haltet ihr von ***custom elements***? ~~~ HTML <x-cube> <x-side>1</x-side> <x-side>2</x-side> <x-side>3</x-side> <x-side>4</x-side> <x-side>5</x-side> <x-side>6</x-side> </x-cube> ~~~ Wenn man die einzelnen Zahlen nicht mit [box-shadow umsetzen](https://daily-dev-tips.com/posts/creating-a-3d-dice-in-css/) will, könnte man SVG verwenden: ~~~ HTML <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> ~~~ Was ist am besten / einfachsten? Habt ihr andere Vorschläge, wie man das umsetzen kann? Herzliche Grüße Matthias Scharwies -- Eigentlich hatte ich heute [viel vor](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) - jetzt habe ich morgen viel vor!