actionbrowser.com
Es ist 30x30 Pixel klein, oben und links ist eine graue Linie. In der Wiederholung des Bildes ergibt sich daraus ein 30x30 Pixel Raster. Rechtsklick darauf -> speichern unter auswählen. Speichere es da, wo auch deine HTML Datei liegt. Nun ersetzen wir den Platzhalter CSS: #statSvg{background-image:url('');} #statSvg rect{opacity: 0. 9;} #statSvg rect:hover{opacity: 0. 6;} Erläuterung zum Code: Unser SVG hat die id statSvg erhalten, dies sprechen wir in CSS mit #statSvg an. opacity dient für die Durchsichtigkeit des Balkens. Bei 0. 9 liegt diese bei 10%. Zeigt man mit der Maus auf einen Balken, wird dieser sogar 0. 6 (40%) durchsichtig. Ein schöner effekt, wie ich finde. Html diagramm zeichnen de. Damit sind wir am Ende des Tutorials. Dein Diagramm sollte nun genau so aussehen: SVG Balkendiagramm erstellen/zeichnen Hier nochmal der gesamte Code zum Vergleich: