CSS : Forcer l’accélération matérielle sur WebKit

Le 17 septembre 2012 — par

Si parfois vous avez des problèmes avec les performances de vos animations CSS, vous pouvez activer facilement l’accélération matérielle (ie l’utilisation de la carte graphique) avec cette astuce :

.animation {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

La propriété translate3d force cette accélération, même si votre animation est purement 2D. Merci au grand David Walsch.

S'abonner au flux RSS du blog
Recevoir les nouveaux articles par e-mail :