Caractéristique média CSS update

La caractéristique média CSS update peut être utilisée pour tester la fréquence à laquelle (le cas échéant) l'appareil de sortie est capable de modifier l'apparence du contenu une fois rendu.

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

Compatibilité des navigateurs

Voir aussi

• Utiliser les requêtes média
• La règle @media