Ani-Motion

{ }

Empieza como quieras

Puedes incluir nuestra librería por medio de npm o descargarlo directamente en nuestro repositorio en github.

npm i ani-motion936

Descargar del repositorio

Ani-Mixins

Da vida a tus diseños con animaciones personalizadas

Descubre el poder creativo de nuestras animaciones personalizables. Los Ani-Mixins son herramientas poderosas que te permiten combinar y ajustar efectos, logrando animaciones únicas para tu sitio web.

//Archivo del repositorio

@import 'Ani-Motion/Ani-Mixins/ani-mixins';

.h3{
font-size:2em;
font-family:'Roboto';
@include slideY(1s, 0s, ease,both, 50px);
}

Incluye todo el sass de ani-mixin

Descargalo desde el repositorio e importalo a tu archivo sass.

@import './Ani-Motion/Ani-Mixins/ani-mixins';

También puedes descargarlo desde npm e importarlo de la misma manera, aunque cambia un poco la ruta de archivos.

@import './node_modules/ani-motion936/Ani-Mixins/ani-mixins';

Motions

¡Descubre su

Es una librería de animaciones web que va más allá de los simples mixins. Con "Motions", podrás aplicar efectos y animaciones sorprendentes en tus diseños mediante clases CSS y JS, aprovecha nuestra amplia colección de animaciones personalizables y lleva tus proyectos a un nivel superior.

//Archivo JS del repositorio

import {TextGhange} from './Ani-Motion/Motions/'

const element = document.querySelector('.about-mixin__p')

new TextChange({
element: element,
texts:['potencia!','versatilidad!'],
animation:'fadeOff',
interval:2000
})

incluye el archivo JS en tu proyecto.

Archivo descargado del repositorio

import {TextChange, AniIntersection, animation} from 'ani-motion936/Motions/Motions.js'

Archivo descargado desde npm

import {TextChange, AniIntersection, animation} from './node_modules/ani-motion936/Motions/Motions.js'

Usa el que necesites

Archivos descargados del repositorio

@import './ani-motion936/Motions/Motions.scss';

Archivos descargados desde npm

@import './node_modules/ani-motion936/Motions/Motions.scss';