Hard Coded
CSS
SVG SMILL
stappen
snelheid (1 is maximum snelheid)
versnelling (1.00 = geen)
duur
+ bezier Time Function...

Geeft

transition : cx 1s cubic-bezier(0, 0.5, 0.5, 1)
duur (millisec)
calcMode
Time Function
x2y2x3y3
0.00.50.51.0
x:0
y:0

CSS werkt in Chrome, maar SMILL niet.
SMILL werkt in Firefox, maar CSS niet.
In Edge werkt het allebei niet.
Mijn eigen hardcoded versie werkt overal, maar is nog niet ok. Als ik de SMILL van Firefox en de CSS van Chrome naast elkaar leg, zie ik hetzelfde. Mijn routine doet iets anders. Het probleem voor 't ogenblik, is dat ik van de bezier functie een x en y waarde terugkrijg, terwijl ik enkel x nodig heb... denk ik. Het zou ook kunnen dat ik die bezier fout gebruik natuurlijk. (HC 'versnelling' is momenteel niet in gebruik)

Klik in veld met cirkel of druk Enter op de animatie te starten.
Door op de TF tabel te klikken, kan je met een inputbox de waarden ingeven. In Firefox werkt dat TF tooltje niet namelijk... De rooie bolletjes over de door svg getekende zwarte lijn zijn met de hardcode bezier functie getekend. Mijn bezier routine lijkt ok te zijn. Soms lijkt de zwarte, dus die van svg niet te kloppen... Zou nog aan mij kunnen liggen, wie weet.