Eine nette Technik von Tobias Ahlin
Wie animieren Sie die
box-shadowEigenschaft in CSS, ohne dass es bei jedem Frame zu Wiederholungen (Re-paints) kommt und die Leistung Ihrer Seite stark beeinträchtigt wird? Kurze Antwort: Das tun Sie nicht. Das Animieren einer Änderung vonbox-shadowwird die Leistung beeinträchtigen.Es gibt jedoch eine einfache Möglichkeit, denselben Effekt zu imitieren, mit minimalen Wiederholungen (Re-paints), die Ihre Animationen mit soliden 60 FPS laufen lassen sollte: Animieren Sie die Deckkraft eines Pseudo-Elements.