Lottie & Friends

April 10, 2023
Featured image for “Lottie & Friends”

Let's Get Lottie!

Our exciting new Lottie Element brings all the animation fun you need in the small package size you want! Render these tiny titans as an SVG, Canvas, or HTML. You can control the animation state by visibility, hover, scroll, and even click actions. Load it in through AJAX, link to a source file, or place the JSON directly on the page for mission critical animations.

Wait, What's a Lottie?

Lottie is a JSON-based animation file format. For our purposes, they are a small animation file that works on any device and can scale up or down without pixelation. Animation magic! Learn how to use them on your WordPress websites with Cornerstone and say goodbye to boring content.

What Can You Do?

Probably more accurate to ask what can't you do with the new Lottie Element. In the first example, we have Loop Animation turned on. This guy will just keep going and going and going and going. Want to loop a set number of times? Easy peasy. The second example is three loops and the final example will just animate once (and only when visible on the screen). This is just scratching the surface of what you can do with the Lottie Element. Check out lottiefiles.com for free resources.

Tabs & Accordions
Revamped!

Pro 6.2, X 10.2, and Cornerstone 7.2 also welcome a great new improvement to two of your favorite content building Elements — you can now nest other Cornerstone Elements within Tabs & Accordions!

This highly requested feature will allow you to create some truly remarkable content with the Elements you know and love. But that's not even the best part...

In addition to the ability to nest Elements within Accordions and Tabs, we are also pleased to introduce Looper support!

Loopers changed the website building game when we introduced them several years ago. Now you can leverage the power of Loopers with the all-new nested Elements in Tabs & Accordions to build even better data-driven layouts.


Placeholder Image
Placeholder Image
Placeholder Image

    Share: