{"id":28040,"date":"2014-02-25T07:09:28","date_gmt":"2014-02-25T07:09:28","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/animate-your-content\/"},"modified":"2014-02-26T21:44:42","modified_gmt":"2014-02-26T21:44:42","slug":"animate-your-content","status":"publish","type":"plugin","link":"https:\/\/tah.wordpress.org\/plugins\/animate-your-content\/","author":13658950,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"trunk","tested":"3.7.41","requires":"2.1","requires_php":"","requires_plugins":"","header_name":"Animate Your Content","header_author":"Fides","header_description":"","assets_banners_color":"a8d8eb","last_updated":"2014-02-26 21:44:42","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.com\/cgi-bin\/webscr?cmd=_s-xclick&hosted_button_id=7AHC5YEQ8Y2TG","header_plugin_uri":"http:\/\/www.fides-it.nl\/animate-content-plugin","header_author_uri":"http:\/\/fides-it.nl","rating":3,"author_block_rating":0,"active_installs":20,"downloads":5286,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"":"<p>-<\/p>"},"ratings":{"1":0,"2":0,"3":"1","4":0,"5":0},"assets_icons":[],"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":"865782","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[6782,785,7357,814,7358],"plugin_category":[50],"plugin_contributors":[86826],"plugin_business_model":[],"class_list":["post-28040","plugin","type-plugin","status-publish","hentry","plugin_tags-animated","plugin_tags-animation","plugin_tags-cool","plugin_tags-css3","plugin_tags-special-effect","plugin_category-media","plugin_contributors-fides-it","plugin_committers-fides-it"],"banners":{"banner":"https:\/\/ps.w.org\/animate-your-content\/assets\/banner-772x250.png?rev=865782","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/animate-your-content_a8d8eb.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>The animate your content plugin makes it possible to animate existing html by placing shortcodes around content.<\/p>\n\n<p><a href=\"http:\/\/www.fides-it.nl\/animate-content-plugin\/\">Watch Some EXAMPLES Here With Code Samples<\/a><\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>fly blocks from the left\/right\/top\/bottom of your screen<\/li>\n<li>different bouncing effects can be configured<\/li>\n<li>rotate a block of text and\/or images with any rotation angle<\/li>\n<li>set total elapsed time of animation per animation element<\/li>\n<li>set delay from start per animation element<\/li>\n<li>set animation effects on container element, any nested elements will inherit the effects from the container.<\/li>\n<li>set 'delay_increment' on animation set, which automatically adds an incremental delay on any child elements<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Install and activate this plugin<\/li>\n<li>Place shortcodes in your content as described below.<\/li>\n<\/ol>\n\n<p>To get started, look at the <a href=\"http:\/\/www.fides-it.nl\/animate-content-plugin\/\">examples with code samples on my site<\/a>.<\/p>\n\n<h4>Shortcode Installation Example<\/h4>\n\n<p>[animation-set style=\"\" class=\"\" id=\"\" ]<\/p>\n\n<p>[animation-element] .. your content here .. [\/animation-element]<\/p>\n\n<p>[animation-element] .. your content here .. [\/animation-element]<\/p>\n\n<p>[\/animation-set]<\/p>\n\n<h4>HTML shortcode attributes<\/h4>\n\n<p>Any attributes placed on an <code>animation-set<\/code> will be automatically applied to any nested <code>animation-element<\/code>s. It is however possible to override an <code>animation-set<\/code> attribute per <code>animation-element<\/code>.<\/p>\n\n<p>The html attributes <code>style<\/code> and <code>class<\/code> can be used on both <code>animation-set<\/code> and <code>animation-element<\/code>. The <code>id<\/code> attribute can only be used on an <code>animation-set<\/code>.<\/p>\n\n<h4>Animation shortcode attributes<\/h4>\n\n<ul>\n<li><code>effect<\/code> : one of ( slide_from_left , slide_from_right , slide_from_top , slide_from_bottom , fade_in , rotate ). No default and thus a required field.<\/li>\n<li><code>time<\/code> : the total elapsed time of the animation in seconds. Fractions are allowed. Default is 2.0 seconds.<\/li>\n<li><code>delay<\/code> : the delay in seconds (fractions allowed) after which the animation must start. Default is 0.<\/li>\n<li><code>rotation<\/code> : rotation angle in degrees. Example: 360. Only used for effect <code>rotate<\/code>.<\/li>\n<li><code>ease<\/code> : defines the method used to make a block of content bounce against the far edge of the animation. Possible values are described on <a href=\"http:\/\/api.greensock.com\/js\/com\/greensock\/easing\/package-detail.html\">this page<\/a>. Examples are 'Bounce.easeIn', 'Cubic.easeOut', 'Elastic.easeInOut', etc.<\/li>\n<li><code>delay_increment<\/code> : this attribute is only allowed on an <code>animation-set<\/code> element. It defines the incremental delay in seconds (fractions allowed) that must be added to each subsequent child <code>animation-element<\/code>. The default value is 0.<\/li>\n<\/ul>\n\n<h4>Example<\/h4>\n\n<ul>\n<li>Text flying in from the top, left, right and bottom of the screen.<\/li>\n<li>Each animation takes 3 seconds.<\/li>\n<\/ul>\n\n<p>[animation-set ease=\"Bounce.easeIn\" time=\"3\"]\n  [animation-element effect=\"slide_from_top\"]Hello World (from top)![\/animation-element]\n  [animation-element effect=\"slide_from_left\"]Hello World (from left)![\/animation-element]\n  [animation-element effect=\"slide_from_right\"]Hello World (from right)![\/animation-element]\n  [animation-element effect=\"slide_from_bottom\"]Hello World (from bottom)![\/animation-element]\n[\/animation-set]<\/p>\n\n<h4>Example<\/h4>\n\n<ul>\n<li>Images flying in from the left, with half a sec delay in between.<\/li>\n<li>Each animation takes 1.5 seconds.<\/li>\n<li>The container DIV gets a css class attribute for custom styling purposes.<\/li>\n<\/ul>\n\n<p>[animation-set effect=\"slide_from_left\" time=\"1.5\" ease=\"Bounce.easeIn\" delay_increment=\"0.5\" class=\"myCssClass\"]\n  [animation-element][\/animation-element]\n  [animation-element][\/animation-element]\n  [animation-element][\/animation-element]\n  [animation-element][\/animation-element]\n[\/animation-set]<\/p>\n\n<h4>Example<\/h4>\n\n<ul>\n<li>Text rotates 360 degrees in 1.5 seconds.<\/li>\n<\/ul>\n\n<p>[animation-set effect=\"rotate\" time=\"1.5\" rotation=\"360\"]\n  [animation-element]Hello World[\/animation-element]\n[\/animation-set]<\/p>\n\n<h4>Example<\/h4>\n\n<ul>\n<li>Fade in the page title and afterwards, fade in the content below the title<\/li>\n<li>Total animation time is 1.5 seconds<\/li>\n<\/ul>\n\n<p>[animation-set effect=\"fade_in\"]\n  [animation-element time=\"1.5\"]<\/p>\n\nMy Page Title\n\n<p>[\/animation-element]\n  [animation-element time=\"1.5\" delay=\"1.5\"]<\/p>\n\n<p>Here is some more content that will be faded in later<\/p>\n\n<pre><code>  &lt;p&gt;Enjoy&lt;\/p&gt;\n<\/code><\/pre>\n\n<p>[\/animation-element]<\/p>\n\n<p>[\/animation-set]<\/p>\n\n<!--section=faq-->\n<dl>\n<dt>Can I add a question to this FAQ?<\/dt>\n<dd><p>Yes, please send me a message via www.fides-it.nl\/contact :)<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<ul>\n<li>v1.0 - Maiden voyage<\/li>\n<\/ul>","raw_excerpt":"Animate Your Content plugin","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/28040","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=28040"}],"author":[{"embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/fides-it"}],"wp:attachment":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=28040"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=28040"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=28040"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=28040"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=28040"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=28040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}