You the user design first and make your layout changes on each wanted breakpoint. After that you can add your triggers for the object or elements your want to scroll in or out, while the user views your website.
This widgets comes with the following mucow items: - Scroll Animation IN options - Scroll Animation OUT options - ALL INITIAL Library. (required only once for all xmuse.it widgets.)
Use any HTML <tag> or CSS .class, #id on your designed page and select it with Scroll Animations Target setting. Here are a few examples:
The basic way to start would be creating a Target class (selector) name in any of the Muse style panels. This can be the Character, Paragraph or Graphic Panel. Make sure you name your elements in a logical way. Here are a few examples:
Once your Target class names are set you can add these names inside the widgets inputfields. Always with a dot and multiple with a comma (eg. .logo_big, .s3_btn_sale). Please no spaces>/strong> in the Target class names.
Scroll Animation uses lesser options then Event Animation. But if one uses mutliple scroll widgets it is possible to make building up story very intersting. Use a flowchart to keep track of your ideas.
There are trigger settings. You can choose between % or px trigger settings. A Hide before or hide after option. Also animation duration, delay and repeat options.
Adding your widgets to the Muse library.
Rejoice you are all set. Enjoy yourself with this newly and innovative product. We hope it brings you as much fun as it has done for us. And don’t forget more to come on the animation front soon.
Version | Muse CC 2015.1.x |
Category | Plugins |
Release date | 2016-04-04 |
Latest update | 2016-04-03 |
Included files | .MuLib |
Compatible browsers | IE10, IE11, Firefox, Safari, Opera, Chrome, Edge, IE10, IE11, Firefox, Safari, Opera, Chrome |
Comments | 0 |
High resolution | Yes |
Sales | 0 |
{{ userMessage }}