http:\/\/daneden.github.io\/animate.css\/<\/a><\/p>\nOn the website, animations are grouped by types – “Attention Seekers”, “Bouncing Entrances”, “Bouncing Exits”, etc. <\/p>\n
What I present is a revised order with In’s and Out’s grouped next to each other. This gives a nice effect when cycling through all the animations.<\/p>\n
<\/p>\n
Also, in doing this re-order I realized that SlideOutDown and SlideInUp do not exist.<\/p>\n
‘bounce’,
\n‘flash’,
\n‘pulse’,
\n‘shake’,
\n‘swing’,
\n‘tada’,
\n‘wobble’,
\n‘hinge’,
\n‘rollIn’,
\n‘rollOut’,
\n‘bounceIn’,
\n‘bounceOut’,
\n‘bounceInDown’,
\n‘bounceOutDown’,
\n‘bounceInLeft’,
\n‘bounceOutLeft’,
\n‘bounceInRight’,
\n‘bounceOutRight’,
\n‘bounceInUp’,
\n‘bounceOutUp’,
\n‘fadeIn’,
\n‘fadeOut’,
\n‘fadeInDown’,
\n‘fadeOutDown’,
\n‘fadeInDownBig’,
\n‘fadeOutDownBig’,
\n‘fadeInLeft’,
\n‘fadeOutLeft’,
\n‘fadeInLeftBig’,
\n‘fadeOutLeftBig’,
\n‘fadeInRight’,
\n‘fadeOutRight’,
\n‘fadeInRightBig’,
\n‘fadeOutRightBig’,
\n‘fadeInUp’,
\n‘fadeOutUp’,
\n‘fadeInUpBig’,
\n‘fadeOutUpBig’,
\n‘flip’,
\n‘flipInX’,
\n‘flipOutX’,
\n‘flipInY’,
\n‘flipOutY’,
\n‘lightSpeedIn’,
\n‘lightSpeedOut’,
\n‘rotateIn’,
\n‘rotateOut’,
\n‘rotateInDownLeft’,
\n‘rotateOutDownLeft’,
\n‘rotateInDownRight’,
\n‘rotateOutDownRight’,
\n‘rotateInUpLeft’,
\n‘rotateOutUpLeft’,
\n‘rotateInUpRight’,
\n‘rotateOutUpRight’,
\n‘slideInDown’,
\n\/*’slideOutDown’,
\n‘slideInUp’,*\/ \/\/ DNE
\n‘slideOutUp’,
\n‘slideInLeft’,
\n‘slideOutLeft’,
\n‘slideInRight’,
\n‘slideOutRight’\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"
Animate.css is a wonderful CSS animation library. http:\/\/daneden.github.io\/animate.css\/ On the website, animations are grouped by types – “Attention Seekers”, “Bouncing Entrances”, “Bouncing Exits”, etc. What I present is a revised order with In’s and Out’s grouped next to each other. This gives a nice effect when cycling through all the animations.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[48],"tags":[],"class_list":["post-1434","post","type-post","status-publish","format-standard","hentry","category-css"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/prpYG-n8","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/chriscarey.com\/blog\/wp-json\/wp\/v2\/posts\/1434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chriscarey.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chriscarey.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chriscarey.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/chriscarey.com\/blog\/wp-json\/wp\/v2\/comments?post=1434"}],"version-history":[{"count":6,"href":"https:\/\/chriscarey.com\/blog\/wp-json\/wp\/v2\/posts\/1434\/revisions"}],"predecessor-version":[{"id":1473,"href":"https:\/\/chriscarey.com\/blog\/wp-json\/wp\/v2\/posts\/1434\/revisions\/1473"}],"wp:attachment":[{"href":"https:\/\/chriscarey.com\/blog\/wp-json\/wp\/v2\/media?parent=1434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chriscarey.com\/blog\/wp-json\/wp\/v2\/categories?post=1434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chriscarey.com\/blog\/wp-json\/wp\/v2\/tags?post=1434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}