Hallo Gunnar,
- Über den
use
-Tag reinholen (nicht animierbar?)Ist es nicht?
als ich es versucht habe, ging es nicht. In der Regel würde man die „Animationen“ ja im CSS bspw. so gestalten: button.on svg .a { stroke-dashoffset: 500; }
. Als ich das mit einer über den use-Tag eingebundenen SVG versucht habe, passierte nichts.
Den Code würde ich dir beim Review nicht durchgehen lassen.
Ich bin kein Profi in Sachen SVG, aber ich vermute, du wunderst dich, warum die Grafik so „zerstückelt“ ist. Das ist der Checkbox-Animation geschuldet.
Aber warum nicht den SVG-Code in eine Datei checkbox.svg und diese einbinden?
<?php readfile('checkbox.svg'); ?>
Guter Vorschlag, danke! Ich habe mich hier noch mehr dazu geäußert.
Du willst die System-Checkboxen durch eigene ersetzen? Kann man machen. Dabei kann man aber auch einiges falsch machen. Möchtest du deine Lösung hier zum Draufschauen präsentieren?
Hier siehst du die Checkbox im Einsatz. Dort siehst du auch, warum ich die SVG so gestaltet habe. Die Checkbox muss sich nämlich „bewegen“. Disclaimer: Unter dem Link ist alles noch WIP.
Grüße
Boris