Transition Type


the transitiontype setting controls the transitions of items when the grid resizes or during filtering.

css – generates css animations. This is the default value and is equivalent to setting the animate option to true.
js – enables javascript transitions
none – no transitions. Any transitions will default to your theme css styles if they exist.


this setting controls the duration of the transition and is in css format (i.e. .2s or 500). It defaults to .7s. transitionduration is equivalent to animationduration when transitiontype is css.


[featured_image_pro transitiontype="css"]


[featured_image_pro transitiontype="js"]

css with a longer duration

[featured_image_pro transitiontype="css" transitionduration='1s']

javascript with a longer duration

[featured_image_pro transitiontype="js" transitionduration='1s']