Social Gallery WordPress Plugin

Guide: CSS3 Animations in Social Gallery

Apr
6
2013
Guide: CSS3 Animations in Social Gallery

Use awesome animation effects to WOW your visitors

In this guide we will look at the CSS3 Animation effects that have been available in Social Gallery since v2.0. These animations allow you to add fancy effects that show up when the Social Gallery image viewer loads and when it closes. CSS3 Animations were originally an easter egg “special gift feature” added to v2.0, however once users find the feature and test it out they usually choose to use the non-standard animations, CSS3 Animations have proved very popular!

 

Setting up CSS 3 animation effects

To set up CSS 3 animation effects is incredibly easy in Social Gallery, simply go into your WordPress admin and then load up Social Gallery Settings. You’ll find the following CSS3 settings under “Styles” on the settings page.

css3-animation-effects

 

 

What CSS3 Animations are available?

There are 45+ CSS3 animations available in Social Gallery v2.2 (current version 06/04/2013), you can check them out in the following image or in the list below. We don’t have an examples page yet so you’ll have to experiment with these on your own blog!

css3-effects-social-gallery

 

Full List of CSS3 Animations in Social Gallery V2.2

Flip In Horizontal
Flip Out Horizontal
Flip In Vertical
Flip Out Vertical
fadeIn
fadeInUp
fadeInDown
fadeInLeft
fadeInRight
fadeInUpBig
fadeInDownBig
fadeInLeftBig
fadeInRightBig
fadeOut
fadeOutUp
fadeOutDown
fadeOutLeft
fadeOutRight
fadeOutUpBig
fadeOutDownBig
fadeOutLeftBig
fadeOutRightBig
bounceIn
bounceInDown
bounceInUp
bounceInLeft
bounceInRight
bounceOut
bounceOutDown
bounceOutUp
bounceOutLeft
bounceOutRight
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight
lightSpeedIn
lightSpeedOut
hinge
rollIn *My personal favourite
rollOut *My personal favourite

Leave a Reply

Your email address will not be published. Required fields are marked *

©2012 Social Gallery Plugin - Please note: Social Gallery Plugin is in no way related to Facebook, Social Gallery is a Gallery Share Plugin for WordPress.