Visor de efectos con Mootools
10 de July, 2007
Estuve jugando un poco con mootools e hice este pequeño visor de efectos utilizando Fx. Styles. Pueden ir jugando un poco con los valores y ver el resultado como así también el código fuente.
- . Elegí la transición y duración para tu efecto.
- . Elegí los estilos que deseas, podes agregar mas haciendo click sobre el más (+).
- . Para margenes y distancias, los valores son simples enteros.
- . Para los colores va el valor en hexadecimal con # por ej. #ff0000.
- . Click en Probar para ver el efecto.
- . Click en Reiniciar para volver al estado inicial.
- . Abajo del visor podrás encontrar el código fuente.
Código fuente
Hay algunas cosas sin validar pero cuando tenga tiempo lo mejoraré, incluso podría agregarle algunas utilidades más. Obviamente estos efectos son una puntita de lo que se puede hacer con mootools, pero sirve para echar un vistazo.
Otros artículos
4 comentarios en “Visor de efectos con Mootools”
Deja tu comentario
El blog funciona con Wordpress y Simpla theme
August 7, 2007 a las 9:04 pm
hey te pasaste con esta…. :S definitivamente… esto seria como una extencion de mootools para dreamweaver… wow… asi como salen los css ke le cambias las propiedades.. joo.. soñar no cuesta :S
August 7, 2007 a las 11:34 pm
Me alegro que te guste
A ver si me pongo las pilas y le hago alguna que otra mejora que tengo en mente.
Saludos
December 29, 2009 a las 4:55 pm
Magnifico!
Muchas gracias por tu aporte, muy didactico
February 9, 2010 a las 4:32 pm
Hola,
¿existe alguna manera de invertir la dirección del slide, tanto el de margin como el de height y que este se haga de abajo a arriba?
Es decir, tengo una div en su posición inicial, y cuando hago toggle necesitaría que se vaya a una posición más alta que la inicial, que suba.
Espero haberme explicado bien.
Muchas gracias de antemano!
salu2