В первом уроке мы увидели как просто в MooTools добавлять обработчики событий и использовать встроенные эффекты. На этот раз рассмотрим некоторые особенности применения эффектов.
MooTools 1.2 имеет особенность: у каждого элемента теперь есть собственный экземпляр класса встроенных подклассов "tween" и "morph".
"tween" позволяет нам анимировать любое свойство CSS: высоту, ширину, непрозрачность, цвет и т.д. На
примере 1 можно видеть как легко изменить непрозрачность элемента.
"morph" похож на "tween" тем, что позволяет оживлять CSS-свойство элемента. А разница заключается в том, что "morph" изменяет одновременно все свойства!
Пример 2.
На примере 2 нарочно задано время преобразования 2 секунды, что бы вы видели как происходит смена свойств элемента.
Оригинал статьи