by
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis janvier 2020.
L'attribut by définit une valeur de décalage relative pour un attribut qui est modifié lors d'une animation.
La valeur de départ pour l'attribut est soit indiquée en la définissant comme valeur pour l'attribut donné dans le nom d'attribut (attributeName) ou l'attribut from.
Vous pouvez utiliser cet attribut avec les éléments SVG suivants :
Exemples
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="10" width="100" height="100">
<animate attributeName="width" fill="freeze" by="50" dur="3s" />
</rect>
</svg>
Notes d'utilisation
| Valeur | Voir ci-dessous |
|---|---|
| Valeur par défaut | Aucune |
| Peut être animé | Non |
Le type de valeur exact pour cet attribut dépend de la valeur de l'attribut qui est animé.
Lorsqu'une liste de valeurs est définie par l'attribut values, l'attribut by est ignoré.
Spécifications
| Spécification |
|---|
| SVG Animations Level 2 # ByAttribute |