update
Baseline 2023
Newly available
Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
update
est une caractéristique média (cf. @media
) qui permet de vérifier la vitesse à laquelle l'appareil d'affichage peut modifier l'apparence du contenu.
Syntaxe
La caractéristique update
est définie avec un mot-clé parmi ceux de la liste ci-après.
none
-
Une fois le document affiché, son apparence ne peut plus être modifiée (ex. le document est imprimé sur du papier).
slow
-
Une fois le document affiché, son apparence peut évoluer mais lentement (ex. des livres électroniques utilisant une encre électronique ou des appareils de lecture avec un niveau d'énergie faible).
fast
-
Une fois le document affiché, son apparence peut évoluer rapidement (ex. un ordinateur qui serait capable de gérer les transitions CSS).
Exemples
HTML
<p>
Si ce texte est animé, cela signifie que vous utilisez un appareil avec un
affichage qui évolue rapidement.
</p>
CSS
@keyframes jiggle {
from {
transform: translateY(0);
}
to {
transform: translateY(25px);
}
}
@media (update: fast) {
p {
animation: 1s jiggle linear alternate infinite;
}
}
Résultat
Spécifications
Specification |
---|
Media Queries Level 4 # update |
Compatibilité des navigateurs
BCD tables only load in the browser