Easings.net – Animaciones CSS3 Leadfooted

Con la introducción de CSS3, podemos usar efectos de desplazamiento animados y otras transiciones. Estas transiciones se pueden inducir mediante el uso de las llamadas flexibilizaciones. Las aceleraciones difieren en la forma en que inician y aceleran o ralentizan y detienen una animación. El sitio web Easings.net ha elaborado una descripción general de las flexibilizaciones disponibles. Además de eso, proporcionan algunos efectos adicionales completos con código fuente para su placer.

Resumen de todas las flexibilizaciones

En cuanto a los efectos estándar de CSS3, podemos utilizar efectos de entrada y salida predefinidos y más o menos simples. Si le gustan las animaciones más complejas, CSS3 le permite definirlas a lo largo de curvas Bézier individuales.

Easings.net ha creado una galería que contiene 40 efectos de animación diferentes que amplían los límites de las aceleraciones estándar. Cada efecto individual está equipado con una vista previa que muestra la curva de Bézier en uso. El movimiento también se puede previsualizar desde allí. Si desea integrar un efecto en su proyecto, Easings.net le permite copiar y pegar el código necesario.

Facilitaciones para CSS3 más jQuery Plugin

Las aceleraciones que dependen totalmente únicamente de CSS3 permiten solo curvas de Bézier relativamente simples. Para operaciones más complejas, incluida la elasticidad, todavía necesitamos JavaScript. Siendo consciente de que Easings.net no solo ofrece las curvas de Bézier para CSS3, sino también el código fuente correcto para su acompañamiento Complemento de aceleración de jQuery, que permite animaciones mucho más complejas. El complemento contiene todas las facilidades proporcionadas por el sitio web. De esa manera, todo lo que necesita saber es el nombre del efecto que se utilizará.

Facilitaciones para SASS

Easings.net no se detiene aquí. Además del soporte para CSS3 y jQuery, los desarrolladores también ofrecen una edición especial para el marco Compass, titulada Cesar Easer Animación. La extensión permite el uso de aceleraciones predefinidas sin tener que especificar una curva de Bézier.

Conclusión: Easings.net ofrece un resumen decente de diferentes efectos de relajación, incluido el código fuente necesario para incrustarlos en su sitio web.

(dpe)