Změna vůle - Triky CSS | Almanach CSS 2025

will-changeNemovitost v CSS optimalizuje animace tím, že nechá know prohlížeče, které vlastnosti a prvky jsou právě chystá být manipulováno, případně zvýšením výkonu dané činnosti.

Tato vlastnost má čtyři hodnoty:

auto: budou použity standardní optimalizace prohlížeče.
scroll-position: označuje, že poloha posouvání prvku bude animována někdy v blízké budoucnosti, takže se prohlížeč připraví na obsah, který není viditelný v posuvném okně prvku.
contents: očekává se, že se obsah prvku změní, takže prohlížeč nebude ukládat obsah tohoto prvku do mezipaměti.
: jakákoli uživatelem definovaná vlastnost, jako transformnebo na opacitykterou chceme will-changebýt použity.

Můžeme informovat prohlížeč, že se chystá změna transformvlastnosti, například:

.element ( will-change: transform; )

Nebo pokud chceme deklarovat více hodnot, můžeme použít seznam oddělených čárkami, například:

.element ( will-change: transform, opacity; )

Je důležité nepoužívat tuto will-changevlastnost, protože by to mohlo ve skutečnosti způsobit, že stránka bude méně výkonná (všimněte si, že allpro tuto vlastnost neexistuje hodnota z dobrého důvodu). Výsledkem je, že MDN doporučuje, aby byla vlastnost použita jako poslední možnost pro existující problémy s výkonem, a nikoli pro ty, u kterých předpokládáte, že by se mohly stát. A při jeho použití se doporučuje přepnout will-changetěsně před změnou prvku nebo vlastnosti a poté jej krátce po dokončení procesu znovu vypnout.

Podpora prohlížeče

Tato data podpory prohlížeče pocházejí z Caniuse, který obsahuje více podrobností. Číslo označuje, že prohlížeč podporuje tuto funkci v dané verzi a vyšší.