Skip to content

maxigs7/animate.styl

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Animate.styl

Este proyecto es equivalente al de animate.css.

animate.css es un montón de divertidas animaciones cross-browser para que puedan utilizar en sus proyectos.

Esta versión está escrita en stylus. Se tiene las animaciones en formato de clases para usar con javascript y en formato de mixins para poder utilizar con la pseudo clase :hover por ejemplo.

Para que funcione correctamente se debe importar el archivo keyframes.styl sobre animate.styl ó animate-mixins.styl

##Instrucciones

Tener instalado stylus y nib

npm install stylus

npm install nib

En tu hoja de estilos importar los siguiente:

@import "keyframes.styl"
@import "animate.styl"
@import "animate-mixins.styl"

nib ya se importa en keyframes ya que es el archivo necesario para cualquiera de los otros 2 archivos.

Si se quiere utilizar sobre un elemento para el hover:

.elemento
	&:hover
		animated()
		animatedpulse()

Los nombres de los mixins tienen el formato animatedNOMBREANIMACION

==================

Para más información visitar http://daneden.me/animate/

License

Animate.styl se encuentra bajo licencia MIT. (http://opensource.org/licenses/MIT)

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages