Cree efectos en cascada fácilmente con CascadeJS
Las animaciones de lujo son una moneda de diez centavos en la web. Se están volviendo más fáciles de crear con toneladas de increíbles bibliotecas de animación .
Cascade.js es una biblioteca más para agregar a la lista, y definitivamente es única. Con Cascade, puede diseñar efectos de animación personalizados usando letras en cascada en texto o elementos en cascada en un contenedor principal.
Esta biblioteca no tiene dependencias ; se ejecuta en JavaScript clásico. Puede instalarlo a través de npm, Bower o descargando una copia directamente desde GitHub.
Para que CascadeJS funcione, necesitará dos archivos : un archivo CSS y un archivo JavaScript. Ambos vienen empaquetados con versiones minificadas para ahorrarle unos KB en tamaño de página.
Cada elemento de Cascade se divide en partes separadas que se animan individualmente a través de los elementos. Estos se agregan dinámicamente, por lo que no necesita cambiar nada en su HTML.
Sin embargo, deberá configurar la función flow()
en su archivo, después de seleccionar el elemento que desee animar.
En realidad, puede utilizar jQuery con esta biblioteca, aunque no es necesario . Por lo tanto, si prefiere seleccionar elementos con jQuery, puede usarlos en su lugar.
Aquí hay un fragmento de JavaScript vainilla de la demo del sitio principal:
Puede pasar el elemento flow()
sin parámetros, o puede configurarlos usted mismo. Se necesitan ocho parámetros opcionales para editar el estilo de animación, el tiempo, la duración y las clases de CSS opcionales.
CascadeJS tiene otra función llamada fragment()
que le permite dividir letras (o elementos) en contenedores separados, sin animarlos. Puede usar esta función para colorear y cambiar el texto de la página al orientar cada letra en una palabra. Genial, ¿verdad?
Todos los ejemplos de código están disponibles de forma abierta en la página principal de la biblioteca, por lo que puede copiar, pegar y retocar por su cuenta. Pero también encontrará la documentación en la página de GitHub si está buscando una manera más clara de comenzar.
Las 15 mejores selfies dignas de noticias que debes saber
La palabra 'selfie' es tan popular en estos días que incluso hay canciones al respecto. Después de todo, fue declarado por Oxford Dictionaries como su palabra internacional del año en 2013. Tanto si los amas como si los odias, los selfies probablemente estarán disponibles por un tiempo.Incluso hay muchos selfies que están llegando a los titulares de las noticias por una razón u otra. Aquí
14 CV de video brillantes que empaquetarán el trabajo
La naturaleza competitiva del mercado de trabajo en estos días requiere que su currículum sea lo más creativo y único posible para captar la atención de su futuro empleador potencial. Crear un resumen de video para acompañar tu currículum tradicional sería una excelente manera de destacarse entre la multitud. Pueden