Comment faire la transition entre deux images SVG?

J'ai une div avec une image de fond définie sur une image SVG. J'ai besoin de transition entre deux images SVG, comment pourrais-je accomplir cela? Je fais référence aux transitions CSS 3, mais d'autres solutions sont également les bienvenues.Comment faire la transition entre deux images SVG?

Source

2010-08-28 Tower

CSS3 n'a pas de ** transitions **. Il a ** propriétés ** que lorsque manipulé avec Javascript sur une période de temps peut entraîner la disparition/déplacement d'éléments. –

@Yi Jiang - http://dev.w3.org/csswg/css3-transitions/ – user113716

@patrick Merci! Avait un brillant "je ne savais pas ça!" moment! –

Cela pourrait probablement être fait avec jQuery. Utilisez deux divs, l'un visible, et l'autre caché. Puis:

$("#transition_from_div").hide('fast'); 
$("#transition_to_div").show('fast');

Tout ce que fait est d'utiliser JavaScript pour animer les propriétés CSS de chaque div.

Source

2010-08-28 14:30:49 jbeard4

Comment faire la transition entre deux images SVG?

Répondre

Questions connexes