Slicey

  • QUICK TIP:
    Review the Basic Template Setup for information about how to setup a custom production environment.
To get started with the Slicey Add-On, first add the "revolutions-addons" folder into your production site:
Next, add the Slicey script. The script should placed below all other scripts on the page.

Next, assign a variable to your slider's main settings script as shown in the following example.

Then initialize the Slicey Addon:

Next, setup your Slider with a Ken Burns effect:
And then add a basic Shape Layer to one of your slides:
And then convert the Shape Layer into a Slicey Layer by adding the "tp-slicey" class, and also adding the data-attributes shown in the example below.

And finally, add an optional CSS3 box-shadow and CSS3 Blur filter to the KenBurns effect: