=== Animated Blocks ===
Contributors: virgildia
Donate link: http://virgiliudiaconu.com/
Tags: gutenberg, blocks, animation, css animations, css3, editor
Requires at least: 4.9.5
Tested up to: 4.9.6
Requires PHP: 5.6+
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html


== Description ==

Add scroll-based CSS3 animations to Gutenberg blocks. A new panel named "Animation Settings" will appear in the block inspector when clicking on a block. Select an animation from the dropdown list or add your own custom CSS class. The selected animation/custom CSS class will be added to the block element when the end user scrolls to it.

[youtube https://www.youtube.com/embed/UawqDDL1vik]

<img src="https://github.com/virgiliud/animated-blocks/blob/master/assets/screenshot-1.jpg" />
 

= Features =

 - Choose from 76 cross-browser CSS3 animations or add your own
 - Preview animations in the editor
 - Adjust the animation delay, scroll threshold, and visibility of blocks
 - Based on Gutenberg's block extensibility API

= Settings =

 - Animation Delay: How many milliseconds to wait before animating the element.
 - Threshold: Add animation when x% of the element enters the screen.
 - Start at 0 opacity: Hide the element when the page loads. The option works only for CSS transitioning to 100% opacity.

== Requirements ==

PHP 5.6+ is recommended, WordPress 4.9+. The [Gutenberg Plugin](https://wordpress.org/plugins/gutenberg/) must be installed.

== Documentation ==

Additional documentation can be found [here](https://github.com/virgiliud/animated-blocks). 

== Screenshots ==

1. Animation Settings in the block inspector
2. Animation list

== Frequently Asked Questions ==

= Installation =

Go to your WordPress Admin -> Plugins -> Add New. Search for Gutenberg Animated Blocks. Install and Activate. You can also download this folder and add it into your plugins directory. In the page/post editor click on any block and the Animation Settings panel will appear in the block inspector. 
 
= What is Gutenberg? =
 
"Gutenberg" is the name of the project to create a new editor experience for WordPress. The goal is to create a new post and page editing experience that makes it easy for anyone to create rich post layouts.

== Contribute ==

Join the project on [Github](https://github.com/virgiliud/animated-blocks).

---

This plugin was bootstrapped with [Create Guten Block](https://github.com/ahmadawais/create-guten-block). The [Animate.css](https://github.com/daneden/animate.css/) library is used for CSS3 animations.


== Changelog ==

= 1.0.0 =
First release of the plugin.