Die Animation auf SVG funktioniert in Firefox und Safari nichtHTML

HTML-Programmierer
Anonymous
 Die Animation auf SVG funktioniert in Firefox und Safari nicht

Post by Anonymous »

Ich habe eine Übergangsanimation, die ich auf der Breite eines SVG -Elements innerhalb eines Gruppenelements auslösen möchte. Die Animation scheint nur am Chrombrowser zu funktionieren.















< /code>

.grow {
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
transition: 3s;
width: 10px;
}
< /code>

(() => {
setTimeout(() => {
const rect1 = document.getElementById('rect-1');
rect1.classList.add('grow');

const rect2 = document.getElementById('rect-2');
rect2.classList.add('grow');
}, 1000);
})();
< /code>

Um diese Geige in Safari oder Firefox zu öffnen.
Sie sehen, dass der Übergang des zweiten Rechtecks ​​nicht ordnungsgemäß funktioniert.>

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post