Scroll It For WordPress
Scroll Any Page Element
Blurry For Wordpress
Imagine Wordpress Animator
Create Animating Scenes Using Pur CSS classes. Up to ten different sequences with delays and animation durations.
Say good by to video. Create dynamic HTML scenes using Imagine CSS action classes.
Complete with backend scense creation tool to make scene creation easier.
Up to 10 Animation Sequences Per Element.
Over 1500 Preset Animation Action Classes To Choose From.
Create Your Own Custom Classes.
Create Unlimited Scenes.
Backend Scene Creation Tool.
Inview or Mouseover triggers
Play Once or Unlimited Times.
Pure CSS animations
Wordpress 3.7+ Ready
No Shortcodes - Just plain old HTML
You cannot use multiple classes that trigger css tranforms(rotate, scale, etc).
To use the Inview trigger in a loop meaning the animation triggers each time the scene is in view the page must be large enough to scroll the scene out of view and then back into view.
Scroll Any Element On The Page Up Or Down When The Page Scrolls.
Set distance, duration, easing, type, direction
Scroll HTML Elements (div, span, h1, h2, h3, h4, h5, h6, p, img, ul, ol, section, aside, etc)
Set the data options for the movement amount, direction, type, speed and easing. Here is some text to scroll.
data-type="top" - The data-type property is the style propety to apply the scroll to. Can be "top", "bottom", "margin-top" and "margin-bottom". When scrolling by margin-top and margin-bottom set the scrollit element to a relative position.
data-scroll="0.5" - The data-scroll property is the amount to scroll "0.5" is equal to 1/2 percent of the elements height per scroll.
data-direction="up" - The data-direction property is direction to scroll when scrolling down the page. It can be "up" or "down". If set to "up" the element will scroll up when scrolling down the page and down when scrolling up the page.
data-duration="1000" - The data-duration property is speed of the scrolling if using as animation. "2000" is 2 seconds or 2000 milliseconds.
data-easing="swing" - The data-easing property is the scroll animation easing. Can be any jquery easing "swing" is default. See http://jqueryui.com/resources/demos/effect/easing.html for all options.
no-animate - Using a CSS scroll instead of an animation scroll is as easy as adding the "no-animate" class to the scrollit element like so: Here is some text to scroll. - The CSS scrolling is more precise but does not scroll over time. When the scroll event is triggered the element will immediately move the desired amount.
NuvuScroll For Wordpress - Touch Enabled Scrolling Gallery
Add unlimited amount of images.
Link images to pages or file.
Scroll left and right through the gallery
MouseWheel and Arrow Key activation.
Custom prettyPhoto lightboxed images.
li> Swipe enabled – swipe left and right on touch enabled devices to move the scroll
Wah-Menu - Pushing/Dockable Side Menu Navigation Plugin for jQuery
Add Perspective to your boring WordPress galleries – Make them Wobble!
Popout Table Style Post Gallery Plugin For Wordpress.
You need to log in to vote. If you already had an account, you may log in here
Alternatively, if you do not have an account yet you can create one here.