MooTools: Fundido en elemento?

Question

Tengo un objeto Element que actualmente estoy llamando .hide () en. En su lugar, me gustaría desaparecer la opacidad de todo el elemento (y sus hijos) a 100% (oculto) como un efecto de transición tal vez más de 500 ms o 1000 ms.

Puede Fx.Tween ser utilizado para esto? ¿Es esto posible? - ¿El marco MooTools tiene un efecto como este en su biblioteca de interfaz de usuario

Answer 1

Uso

 $('myElement').fade('toggle')`;

se desvanecen de forma automática y desaparición gradual del objeto, dependiendo de su estado.

Ejemplo: HTML

    <div style='background-color:black;color:white' id="tweener">
        HELLO WORLD
    </div>

    <button onclick="javascript:doTween()">TWEEN</button>

<script type='text/javascript'>
    function doTween()
    {

       $('tweener').fade('toggle'); // out, in are other options available.
    }
</script>

Answer 2

 $('myElement').fade(0.7);

establece la opacidad elemento a 70%. O

$('myElement').fade('out'); // fades the element out.

http://mootools.net/docs/core/Fx /Fx.Tween#Element:fade

  

Método de los Elementos: desvanecimiento
acceso directo Elemento   método para tween con la opacidad. Útil   para la decoloración de un elemento de entrada y salida o para   un cierto nivel de opacidad.

Answer 3

En MooTools 1.3 puede configurar las opciones '' tween, como la duración o de transición, como esto:

$('tweener').set('tween', {duration: 2000}).fade('out');

Ver también jsFiddle ejemplo http://jsfiddle.net/tofu/VU7Es/

y los documentos http://mootools.net/docs /core/Fx/Fx.Tween#Element-Properties:tween

Answer 4

MooTools tiene un método de fundido () en que es Fx.Tween paquete, como se ve aquí .