How to use the widget and what's what
Make sure that the graphic style name of the element and that in the widget options are same
After placing the add first widget at the top of your website, select the element you would like to tilt when hovered over. Apply a graphic style to it via built-in Adobe Muse 'Graphic Styles' panel. Then, drag and drop the 'Parallax Tilt Effect - Main Element' widget from the library panel and within the widget options, enter the graphic style name you just applied.
Make sure the inner elements are on top of the main element
The 'Parallax Tilt Effect - Inner Elements' widget allows you to have an element appear in 3D over the main element. In the example below, we have 1 main element and 2 inner elements. Hover over them to see the effect in action.
To apply this effect, first apply a graphic style name to the element you would like to have 3D effect. Place this over the main element. Make sure it is on top of the main element.
Now, drag the 'Parallax Tilt Effect - Inner Elements' widget from the Library Panel (Window > Library) and place onto your website. Open widget options. Enter the graphic style name and the 'Translate Z' value. The higher the Translate Z option, the more 3D the element will appear. In this case, it is set to 40
The lower the perspective option the more tilt the element will have.
Inner elements must be on top of main element.
The higher the “Translate Z“ option for the inner elements the more 3D the element will appear.