Themeisle

Hardeep Asrani

mariamunteanu1

Blocks Animation allows you to add CSS Animations to all of your Gutenberg blocks in the most elegant way.
The UI for Blocks Animation feels so native and intuitive, you won’t even notice it’s installed. Just install, and you will see animation settings in all the blocks, right in the Block Settings Sidebar.
All the code and sources for this plugin are publicly available as part of https://github.com/Codeinwp/otter-blocks.

Blocks Animation: CSS Animations for Gutenberg Blocks


The perfect complement to bring life to the elements of my website.


My favorite animation tool

Blocks Animation allows you to add CSS Animations to all of your Gutenberg blocks in the most elegant way.

aploweb

Aploblocks adds extra design features to the core wordpress blocks. It is designed for block themes and helps you achieve incredible designs with very little effort. If you know how to use the block editor then you will know how to use AploBlocks. Don’t know CSS very well or want to speed up your development? This plugin is ideal for you!
The growing library of patterns can be added straight in to your design to help you quickly start building beautiful sites.
Some of the features below give you an indication of just what you can achieve with absolutely no coding experience.
<ul>
<li>**Pattern inserter – Add ready made patterns straight in to your design.</li>
<li>Entrance Animations: 18 (and growing) options for on-scroll animations with custom speed and delay settings</li>
<li>Sticky Header: Make your header template part sticky with the option to hide on scroll.</li>
<li>Block Styles: New styles to display cover block content on hover.</li>
<li>Filters: Change images to how you want them to look, options for blur, brightness, contrast, opacity, hue & saturation. Configure a filter to be added or removed on hover.</li>
<li>Shadow Filter: Customise the offset, blur, opacity & colour of a blocks shadow. Options to add or remove on hover.</li>
<li>Transforms: Rotate, scale & move blocks. Transforms can also be added or remove on hover.</li>
<li>Masks: Choose from a range of polygon or image masks to shape the block how you want it and then customise to suit your needs.</li>
</ul>
Filters for a group block can be added as a backdrop filter if you want to apply the filter to the background. With a gallery block you can quickly apply filters to all images in the block or even make the filter apply to images that are not hovered over.
Aploblocks is designed to simply plug in to any standard block theme and enhance the core blocks. If you want to modify an existing block theme with the features above then you can get started in minutes!
Find more information <a href="https://aploweb.com/aploblocks-plugin/" rel="nofollow ugc">here</a>!
Basic Usage: After installation the Aploblocks plugin sidebar will be available in the top right of the editor. 
 From here you can choose to insert patterns. When a block is selected in the editor extra Panels in the block settings will be available to 
 configure the animations, filters, masks etc for the block. The General settings panel in the block editor gives a number of configuration options 
 including mobile options for blocks.

Aploblocks – Styling and Patterns for the block editor


I played with it for about 5 minutes, and I see nothing wrong with it. I use very similar things with my custom ACF Blocks, animations, etc... but as far as shadows, polygons, etc... I'm using fixed css classes. This will speed things up, and probably force me to remove my similar animations and CSS styles.



Excellent work, and I'm almost certain you used clippy for the polygons, at least that's what I did !



The only thing I would request is to have a RESET EVERYTHING in the General Styles panel, it would make things so much better...


Really, REALLY GOOD !!!

Aploblocks adds extra design features to the core wordpress blocks.  It is designed for block themes and helps you achieve incredible designs with ver …

Blocks Animation: CSS Animations for Gutenberg Blocks vs Aploblocks – Styling and Patterns for the block editor