Why might I need this?
Did you ever wish you could add advanced CSS3 animations to any element, even the ones that are part of the original WP Bakery Page Builder plugin? The “Animation Frame” element allows you to do just that. Simple insert the frame / container elements into your row or column, set some settings such as the animation type, speed, delay, or repeat, and your are ready to go. All that is left to do is to add the element(s) inside the container that you want to be animated. It’s that easy!
By default, all animations are disabled on mobile devices. You can change that setting for each “Animation Frame” element individually.
Video Tutorial
ANIMATION EXAMPLES
ADD CSS3 ANIMATIONS TO ALMOST ANY (SUITABLE) ELEMENT
September 17, 2008
Another Post with Everything In It
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a,…Read Post
September 17, 2008
An Ordered List Post
Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce…Read Post
September 17, 2008
A Simple Text Post
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eleifend urna eu sapien. Quisque posuere nunc eu massa. Praesent bibendum lorem non leo. Morbi volutpat, urna eu fermentum rutrum, ligula…Read Post
September 17, 2008
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!Read Post
September 11, 2008
A Post With Everything In It
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a,…Read Post
September 11, 2008
Quotes Time!
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a,…Read Post
September 11, 2008
A Post With a Left-Aligned Image
Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce…Read Post
September 11, 2008
Another Text-Only Post
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eleifend urna eu sapien. Quisque posuere nunc eu massa. Praesent bibendum lorem non leo. Morbi volutpat, urna eu fermentum rutrum, ligula…Read Post
September 11, 2008
A Post With an Ordered List
Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce…Read Post
September 11, 2008
A Post With a Right-Aligned Image
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a,…Read Post
September 11, 2008
A Post With an Unordered List
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a,…Read Post
August 2, 2008
A Simple Post with Text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eleifend urna eu sapien. Quisque posuere nunc eu massa. Praesent bibendum lorem non leo. Morbi volutpat, urna eu fermentum rutrum, ligula…Read Post
