On this page you can have a look how WP Slide-up box’s different animation modes work.
bottom-up-full (default)
The cover div is hidden by default, and slides up on mouse hover. This is the default mode so if you don’t specify the mode, this one is used.
title
bottom-up-part
We can only see the title of the cover div, and the rest of it slides up on mouse hover.
title
left-right
The cover div is hidden and it slides in from the left side on mouse hover.
title
left-right-uncover
The cover div is visible and it slides out when mouse is over towards the right side.
title
right-left
The cover div is hidden and it slides in from the right side on mouse hover.
title
right-left-uncover
The cover div is visible and it slides out when mouse is over towards the left side.
title
fade-in
The cover div fades in on mouse hover.
title
fade-out
The cover div is visible by default and fades out on mouse hover.
title
top-down-full
The cover div slides down from the top on mouse hover.
title
top-down-part
The title of the cover div is visible by default and the rest of it slides down on mouse hover.
Usage: