Autor | Zpráva | ||
---|---|---|---|
anonym_ Profil * |
#1 · Zasláno: 5. 1. 2021, 12:41:33
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 |
#2 · Zasláno: 5. 1. 2021, 12:59:37
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 * |
#3 · Zasláno: 5. 1. 2021, 16:26:58
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 * |
#4 · Zasláno: 6. 1. 2021, 10:32:39
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 * |
#5 · Zasláno: 6. 1. 2021, 15:46:45
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 * |
#6 · Zasláno: 6. 1. 2021, 18:21:03
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 :-) |
||
Časová prodleva: 3 roky
|
0