CSS/Eigenschaften/will-change

Die Eigenschaft will-change gibt den Browsern Hinweise darauf, wie sich ein Element voraussichtlich ändern wird. Browser können Optimierungen einrichten, bevor ein Element tatsächlich geändert wird. Diese Arten von Optimierungen können die Reaktionsfähigkeit einer Seite erhöhen, indem sie potenziell teure Arbeit erledigen, bevor sie tatsächlich erforderlich sind.

Erlaubte Werte

• auto
• scroll-position;
• contents;
• transform; /* Example of <custom-ident> */

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

auto

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

nein

Beispiel

aside {
    will-change: auto;
}

 

Beachten Sie: will-change ist als letztes Mittel gedacht, um zu versuchen, bestehende Leistungsprobleme zu beheben. Sie sollte nicht verwendet werden, um Leistungsprobleme vorwegzunehmen.

Siehe auch

• 

  mehrstufige Animationen

  komplexe Abfolgen und Bewegungsmuster

  • keyframes (Wegpunkte für die Animation)
  • Dauer und Wiederholungen
   

Weblinks

• Spezifikation (W3C): []
• MDN: will-cange