Autor Zpráva
anonym_
Profil *
Ahoj,

peru se s SVG a plynulou změnou barvy jednotlivých částí toho SVG elementu.

Aktuální kód jsem nahrál na Živá ukázka, za boha se mi ale nedaří to rozhýbat pomocí transition: .5s. Přidávám ji ke všem čertům, ale ne a ne na to přijít. Pomůžete?

Díky.
blaaablaaa
Profil
Podle specifikace www.w3.org/TR/css-variables-1 u css promennych nejde. Ale melo by to jit obejit pres keyframes www.w3.org/TR/css-animations-1/#keyframes
anonym_
Profil *
blaaablaaa:
Nepotesil jsi mě, strávil jsem hraním s tím docela dost času... :-)

Keyframes jsou pro mě neznámá, budu muset nastudovat. Kdyby někdo z hlavy věděl, tak mi to moc pomůže, ale kdyžtak se do toho ponořím sám. Díky za nakopnuti :-)
anonym_
Profil *
Hm... Tak nevím, co dělám špatně, ale ani tentokrát se nemůžu dobrat výsledku... :-(

Živá ukázka

Zkouším čarovat s color, fill, ale nedaří se to ani s animací (snad ji mám dobře), ani bez ní na prostý hover... Pomůže někdo? :-)

Děkuji.
N71
Profil *
SVG má svůj vlastní, podstatně robustnější, systém animací. Možná by stálo za to použít raději ten: <animate>
anonym_
Profil *
N71:
I jen pro hover?

Přiznám se, ze v tomhle tapu, možná se k tomu dostanu později. Pokud víš, jak ten hover udělat, poděl se :-)

Pokud tu řešení nebude, podelim se, až tomdam do kupy :-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0