es.hideout-lastation.com
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 10 mejores herramientas de video para hacer videos atractivos fácilmente
Una imagen habla más fuerte que las palabras, pero lo que habla aún más fuerte que una imagen es un video convincente. Ya sea que necesites crear videos animados para promocionar tu negocio o quieras hacer un montaje de video para jugar en la boda de tu amigo, no es necesario contratar a un profesional siempre que tengas algunas herramientas geniales de creación de videos disponibles.Hay
Conoce a Light Phone: el teléfono inteligente más minimalista hasta ahora
Los teléfonos inteligentes son hoy en día una de las piezas de tecnología más ubicua, gracias a sus propiedades similares a las navajas suizas de poder hacer casi todo lo que el usuario desea.Sin embargo, algunos creen que las capacidades multiusos del teléfono inteligente lo convierten en una gran distracción cuando se trata de la vida cotidiana .Los f
