{"id":33968,"date":"2019-03-04T10:31:19","date_gmt":"2019-03-04T10:31:19","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&p=33968"},"modified":"2020-10-21T13:50:16","modified_gmt":"2020-10-21T13:50:16","slug":"animation","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/animation\/","title":{"rendered":"Animation"},"content":{"rendered":"
\n\t
\n\t\t
Animated content<\/div>\n\t<\/div>\n\t
\n\t\t
Animated content<\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n
Description<\/h2>\n\n\n\n
This shortcode allows animating almost everything.<\/p>\n\n\n\n
Options<\/h2>\n\n\n\n
Option name<\/th>Possible values<\/th>Default value<\/th><\/tr>
type<\/strong>
Select animation type<\/td>		flash (flash)
bounce (bounce)
shake (shake)
tada (tada)
swing (swing)
wobble (wobble)
pulse (pulse)
flip (flip)
flipInX (flipInX)
flipOutX (flipOutX)
flipInY (flipInY)
flipOutY (flipOutY)
fadeIn (fadeIn)
fadeInUp (fadeInUp)
fadeInDown (fadeInDown)
fadeInLeft (fadeInLeft)
fadeInRight (fadeInRight)
fadeInUpBig (fadeInUpBig)
fadeInDownBig (fadeInDownBig)
fadeInLeftBig (fadeInLeftBig)
fadeInRightBig (fadeInRightBig)
fadeOut (fadeOut)
fadeOutUp (fadeOutUp)
fadeOutDown (fadeOutDown)
fadeOutLeft (fadeOutLeft)
fadeOutRight (fadeOutRight)
fadeOutUpBig (fadeOutUpBig)
fadeOutDownBig (fadeOutDownBig)
fadeOutLeftBig (fadeOutLeftBig)
fadeOutRightBig (fadeOutRightBig)
slideInDown (slideInDown)
slideInLeft (slideInLeft)
slideInRight (slideInRight)
slideOutUp (slideOutUp)
slideOutLeft (slideOutLeft)
slideOutRight (slideOutRight)
bounceIn (bounceIn)
bounceInDown (bounceInDown)
bounceInUp (bounceInUp)
bounceInLeft (bounceInLeft)
bounceInRight (bounceInRight)
bounceOut (bounceOut)
bounceOutDown (bounceOutDown)
bounceOutUp (bounceOutUp)
bounceOutLeft (bounceOutLeft)
bounceOutRight (bounceOutRight)
rotateIn (rotateIn)
rotateInDownLeft (rotateInDownLeft)
rotateInDownRight (rotateInDownRight)
rotateInUpLeft (rotateInUpLeft)
rotateInUpRight (rotateInUpRight)
rotateOut (rotateOut)
rotateOutDownLeft (rotateOutDownLeft)
rotateOutDownRight (rotateOutDownRight)
rotateOutUpLeft (rotateOutUpLeft)
rotateOutUpRight (rotateOutUpRight)
lightSpeedIn (lightSpeedIn)
lightSpeedOut (lightSpeedOut)
hinge (hinge)
rollIn (rollIn)
rollOut (rollOut)<\/td>		bounceIn<\/td><\/tr>
duration<\/strong>
Animation duration (seconds)<\/td>		Number from 0 to 20<\/td>1<\/td><\/tr>
delay<\/strong>
Animation delay (seconds)<\/td>		Number from 0 to 20<\/td>0<\/td><\/tr>
inline<\/strong>
This parameter determines what HTML tag will be used for animation wrapper. Turn this option to YES and animated element will be wrapped in SPAN instead of DIV. Useful for inline animations, like buttons<\/td>		yes or no<\/td>no<\/td><\/tr>
class<\/strong>
Additional CSS class name(s) separated by space(s)<\/td>		CSS class name(s) separated by space(s)<\/td>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"featured_media":36659,"template":"","docs_category":[21],"class_list":["post-33968","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/docs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media\/36659"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33968"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}