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.>
Die Animation auf SVG funktioniert in Firefox und Safari nicht ⇐ HTML
-
- Similar Topics
- Replies
- Views
- Last post