suche Tester VIS in Safari - CSS Eintrag

[liv-in-sky]

hat jmd lust kurz zu testen - folgenden css eintrag in der vis im css-reiter anlegen und in einen image-widget als css klasse definieren

.rotateanimation-middle{
  animation-name: spin2;
  animation-duration: 1200ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

das bild sollte sich drehen

wäre gut wenn das system mit vis 1.4.15 version und npm 8 laufen würde (geht aber auch ohne)

[Nashra]

@liv-in-sky
hm, bei mir dreht sich nichts

[liv-in-sky]

@nashra

das ist doof - dachte ein kollege hat ein problem - aber wenn es be dir auch nicht geht - dann habe ich ein problem

vielen dank - falls ich noch was finde, melde ich mich nochmal

vielleich könntest du noch testen, ob es ohne " -middle" im css namen funktionert - also nur "rotateanimation"

[Homoran]

@liv-in-sky aber Safari ist bekannt dafür dass vieles nicht so geht wie es soll. Deswegen ist Safari für die vis auch nicht empfohlen.

[Nashra]

@liv-in-sky sagte in suche Tester VIS in Safari - CSS Eintrag:

@nashra

das ist doof - dachte ein kollege hat ein problem - aber wenn es be dir auch nicht geht - dann habe ich ein problem

vielen dank - falls ich noch was finde, melde ich mich nochmal

ok

vielleich könntest du noch testen, ob es ohne " -middle" im css namen funktionert - also nur "rotateanimation"

Nö, leider auch ohne -middle will es nicht

[liv-in-sky]

@homoran

ja- aber er hat nur einen imac und keinen pc und chrome bringt das system zu einem extremen load - nach öffnen des chrome browser müssen wir meistens den rechner neustarten - keiner weiß wieso

[Homoran]

@liv-in-sky sagte in suche Tester VIS in Safari - CSS Eintrag:

und chrome bringt das system zu einem extremen load -

meine Glaskugel meint, dass dan was (in der vis?) nicht korrekt läuft/konfiguriert ist.

[liv-in-sky]

@homoran seh ich auch so - waren aber schon beim apple support - aber das topic will ich garnicht lösen

das seltsame - das ganze hatte schon eine zeit funktioniert

[Nashra]

Nimm mal im css bei spin2 die 2 weg. Im Editor rotiert es, aber nicht wenn ich die Seite dann aufrufe

EDIT:
gerade gefunden
Link Text

[liv-in-sky]

@nashra

geht das ?

.rotate-slow {
  animation: rotation 1500ms infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

[Nashra]

@liv-in-sky sagte in suche Tester VIS in Safari - CSS Eintrag:

@nashra

geht das ?

.rotate-slow {
  animation: rotation 1500ms infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

Yes jetzt funktioniert es

[liv-in-sky]

@nashra tausend dank - dann werd ich das mal so weitergeben

[Nashra]

@liv-in-sky sagte in suche Tester VIS in Safari - CSS Eintrag:

@nashra tausend dank - dann werd ich das mal so weitergeben

schon ok, dann mal viel Glück
Achso, getestet in Chrome, Edge und Firefox

[liv-in-sky]

@nashra nur ergänzend - kommt daher:

https://forum.iobroker.net/post/845131

[Homoran]

@liv-in-sky sagte in suche Tester VIS in Safari - CSS Eintrag:

@nashra nur ergänzend - kommt daher:

https://forum.iobroker.net/post/845131

dachte ich mir, die rotate Sache kam mir bekannt vor

[Nashra]

@liv-in-sky sagte in suche Tester VIS in Safari - CSS Eintrag:

@nashra nur ergänzend - kommt daher:

https://forum.iobroker.net/post/845131

Interessant, hatte ich gar nicht mitbekommen den Thread

[liv-in-sky]

@nashra

joi - bindings sind cooool

[Nashra]

@liv-in-sky sagte in suche Tester VIS in Safari - CSS Eintrag:

@nashra

joi - bindings sind cooool

Ja, aber nicht immer einfach. Hier und da wollten sie nicht bei mir aber irgendwann habe ich es dann doch hinbekommen.
man denkt zu oft zu kompliziert, das ist das Problem

[liv-in-sky]

@nashra denk dir nix - muss das auch immer wieder neudenken und testen

[Damrak2022]

@liv-in-sky Sorry, habe eben den Rechner erst wieder angemacht.
Mit dem Code

.rotate-slow {
  animation: rotation 1500ms infinite linear;
}
 
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

dreht es sich ,aber auch wenn der Lüfter aus ist