Verzögerter Start von webkit Animationen bei Android

[nightingale]

Ich beschäftige mich seit ein paar Tagen wieder mit der Visu meines Projekts und habe das Design für meine Schiebschalter finalisiert. Getestet hab ich laufden auf meinem Win10 Laptop mit Zusatzmonitor. Das Verschieben des Knopfes und des Lichtscheins rundeherum habe ich mit -webkit -transition realisiert. Details findet man ja auch im EDOMI Wiki ;-)

Ich habe 2 XORO Tablets als Visu HW gekauft und teste die Edomi Visu darauf. Dabei ist mir aufgefallen, das die transition auf dem google chrome browser auf Android nicht sauber läuft. Der Start des Slides ist verzögert, danach läuft es sauber ab.

Auf der Suche nach der Lösung des Problems bin ich auf das Folgende gestoßen. Einfach die zusätzlichen Kommandos zu den anderen css Kommandas hinzufügen.

-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;

Vielleicht hilft diese Info ja dem Einen oder Anderen

[panzaeron]

Hallo Nightingale,

es wäre nett, wenn Du etwas genauer ausführst wo d.h. in welcher Datei und nach welchen Zeilen du diese zwei CSS Zeilen ergänzt hast.

[nightingale]

Sieh mal ins EDOMI wiki
https://www.knx-home.net/wiki/index.php/Schiebeschalter

dort findest du z.B.
CSS: -webkit-transition: 0.2s ease-out;

und statt dessen trägst du

-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transition: 0.2s ease-out;

ein

[panzaeron]

OK, danke für die Info und die ausführliche Erläuterung. Den Schiebeschalter im Wiki hatte ich nicht auf dem Schirm, ich dachte du nutzt den VSE (http://service.knx-user-forum.de/?comm=download&id=1004).