Muse Motion Widget


Image of Muse Motion Widget

Image of Muse Motion Widget
Image of Muse Motion Widget

Rotate, Scale, Skew, and Translate any element on your Adobe Muse website with the Muse Motion from Muse For You. Powered by the Greensock Animation Platform (GSAP).

Trigger Animations:

  • On Load
  • On Hover
  • On Hover with Reverse
  • On Click
  • On Scroll

Transformations include:

  • Rotate - Rotate your element clockwise or counter-clockwise in degrees or radians.
  • Scale - Scale you element larger or smaller.
  • Skew X - Skew your element in degrees or radians on the X-Axis.
  • Skew Y - Skew your element in degrees or radians on the Y-Axis.
  • Translate X - Move your element left or right in pixels or percentage on the X-Axis.
  • Translate Y - Move your element up or down in pixels or percentage on the Y-Axis.
  • Background Color - Change the background color of your element.


Muse Motion - 1.1 - 1-18-2017:

  • Widget now uses the Greensock Animation Platform (GSAP) for the animation engine.
  • New widget interface.
  • New widget setup.
  • New widget cover.
  • New ‘On Scroll’ setup.
  • Ability to add indicators for ‘On Scroll.’ This allows you to see where the element will animate within the browser.
  • Ability to play motion in reverse after it is finished playing forward.
  • Ability to change the background color of an element.
  • Graphic style name added with widget cover to make it easy to distinguish what widget pertains to what element and motion.
  • Ability to disable the motion at a certain breakpoint.
  • Fixed issue with widgets getting taller in height on Windows computers.
  • Updated code.

Muse Motion - 1.2 - 10-16-2017:

  • New On Scroll setup.
  • Fixed issue with animations not working on scroll across breakpoints.
  • Added ‘Font Color’ as a motion option.
  • Added ‘Background Color’ as a motion option.
  • Added ‘Width’ as a motion option.
  • Added ‘Height’ as a motion option.
  • Performance improvements.
  • Updated code.

Muse Motion - 1.3 - 10-22-2017:

  • New widget setup.
  • Ability to choose from 1 motion, 4 motions, 8 motions, and 12 motions.
  • Ability to set a custom transformation for each motion.
  • Added Rotate X, Rotate Y, Scale X, Scale Y, and Border Radius to transformations.
  • Ability to trigger motion with another element.
  • Added ‘Color’ widgets to change the background color or font color of an element multiple times.
  • Added the ‘Preset’ widget for easily adding certain animations to elements.
  • Added Block Reveal preset.
  • Added Infinite Rotation preset.
  • Added Bouncy Ball preset.
  • Updated code.

Muse Motion - 1.4 - 01-08-2018:

  • Added “On Click with Reverse” in the “Motion Start” option. This allows you to play the motion forward and when the element is clicked again the motion will play backwards.

Muse Motion - 1.5 - 02-01-2018:

  • Added “On Scroll with Reverse” option for the motion start. This allows you to trigger the motion when the page is scrolled a certain amount. When the page is less than the scrolled amount the motion will play in reverse.
  • Added “Creating a Sliding Down Parallax Menu” documentation.
  • "On Scroll" option added to color widgets.
  • Certain options are now disabled if they do not pertain to a specific motion start. This makes it easier to navigate through the widget options when working with the widget.
  • Ability to end motion, restart motion, or reverse the motion when the element exits the viewport for the “On Scroll” option.
  • Removed the “Muse Motion - Various” widget as the same motions can be applied with the “Muse Motion - 12 Motions” widget.
  • Updated code.

Simply add the widget to your Adobe Muse website, style the element with the widget options, and done!