2011-07-18 14 views
5

Creo que es bastante probable que la respuesta sea no, pero alguien podría saber algo que yo no sé.Aumente el rendimiento de box-shadow

Tengo una galería de imágenes con botones de clasificación que, al hacer clic, ordena la galería en un estilo animado usando Isotope. Cada imagen tiene un bonito box-shadow alrededor, pero la animación es lenta y espasmódica, debido a tener que renderizar la sombra todo el tiempo.

Mi pregunta es esta: ¿hay alguna manera de acelerar la sombra de la caja sin cambiar el radio de desenfoque, etc.?

+0

¿Es lento en un solo navegador, o es igualmente lento en todos los navegadores? – thirtydot

+0

Lo peor de Opera es que obtengo lo que parece ~ 10-15FPS (muy lento), luego viene Firefox con solo un ligero sobresalto. Chrome lo hace perfectamente y sin problemas. – Bojangles

Respuesta

2

Sospecho que no hay forma de acelerarlo.

¿Ha considerado alternar entre box-shadow mientras se está ejecutando la animación?

¿El box-shadow usa un color rgba con transparencia? Tal vez sería más rápido sin transparencia.

+0

Simplemente usa un código de color estándar '# aabbcc'. Podría desactivar la sombra al animar, pero he decidido dejar la sombra para los navegadores que no son Chrome, ya que tiene la animación más rápida de lejos. – Bojangles

Cuestiones relacionadas