Hello

[cs_content _p=’582′][cs_element_section _id=”1″ ][cs_element_layout_div _id=”2″ ][cs_element_layout_row _id=”3″ ][cs_element_layout_column _id=”4″ ][cs_element_headline _id=”5″ ][cs_content_seo]Let’s Get Lottie!\n\nQuick caption here\n\n[/cs_content_seo][cs_element_text _id=”6″ ][cs_content_seo]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.\n\n[/cs_content_seo][/cs_element_layout_column][cs_element_layout_column _id=”7″ ][cs_element_layout_div_2 _id=”8″ ][cs_element_layout_div_3 _id=”9″ ][cs_element_layout_slide_container _id=”10″ ][cs_element_layout_slide _id=”11″ ][cs_element_image _id=”12″ ][/cs_element_layout_slide][cs_element_layout_slide _id=”13″ ][cs_element_image _id=”14″ ][/cs_element_layout_slide][cs_element_layout_slide _id=”15″ ][cs_element_image _id=”16″ ][/cs_element_layout_slide][/cs_element_layout_slide_container][cs_element_layout_div_4 _id=”17″ ][cs_element_layout_div_5 _id=”18″ ][cs_element_icon _id=”19″ ][/cs_element_layout_div_5][cs_element_layout_div_5 _id=”20″ ][cs_element_icon _id=”21″ ][/cs_element_layout_div_5][/cs_element_layout_div_4][/cs_element_layout_div_3][cs_element_slide_pagination _id=”22″ ][/cs_element_layout_div_2][/cs_element_layout_column][/cs_element_layout_row][cs_element_layout_row _id=”23″ ][cs_element_layout_column _id=”24″ ][cs_element_gap _id=”25″ ][cs_element_headline _id=”26″ ][cs_content_seo]Wait, What’s a Lottie?\n\n[/cs_content_seo][cs_element_text _id=”27″ ][cs_content_seo]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.\n\n[/cs_content_seo][/cs_element_layout_column][/cs_element_layout_row][cs_element_layout_row _id=”28″ ][cs_element_layout_column _id=”29″ ][cs_element_gap _id=”30″ ][cs_element_headline _id=”31″ ][cs_content_seo]What Can You Do?\n\n[/cs_content_seo][cs_element_text _id=”32″ ][cs_content_seo]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.\n\n[/cs_content_seo][cs_element_layout_row_2 _id=”33″ ][cs_element_layout_column_2 _id=”34″ ][cs_element_image _id=”35″ ][/cs_element_layout_column_2][cs_element_layout_column_2 _id=”36″ ][cs_element_image _id=”37″ ][/cs_element_layout_column_2][cs_element_layout_column_2 _id=”38″ ][cs_element_image _id=”39″ ][/cs_element_layout_column_2][/cs_element_layout_row_2][/cs_element_layout_column][/cs_element_layout_row][cs_element_layout_row _id=”40″ ][cs_element_layout_column _id=”41″ ][cs_element_layout_div_2 _id=”42″ ][cs_element_layout_div_3 _id=”43″ ][cs_element_layout_slide_container _id=”44″ ][cs_element_layout_slide _id=”45″ ][cs_element_image _id=”46″ ][/cs_element_layout_slide][cs_element_layout_slide _id=”47″ ][cs_element_image _id=”48″ ][/cs_element_layout_slide][cs_element_layout_slide _id=”49″ ][cs_element_image _id=”50″ ][/cs_element_layout_slide][/cs_element_layout_slide_container][cs_element_layout_div_4 _id=”51″ ][cs_element_layout_div_5 _id=”52″ ][cs_element_icon _id=”53″ ][/cs_element_layout_div_5][cs_element_layout_div_5 _id=”54″ ][cs_element_icon _id=”55″ ][/cs_element_layout_div_5][/cs_element_layout_div_4][/cs_element_layout_div_3][cs_element_slide_pagination _id=”56″ ][/cs_element_layout_div_2][/cs_element_layout_column][cs_element_layout_column _id=”57″ ][cs_element_headline _id=”58″ ][cs_content_seo]Tabs & Accordions
Revamped!\n\nQuick caption here\n\n[/cs_content_seo][cs_element_text _id=”59″ ][cs_content_seo]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.\n\n[/cs_content_seo][/cs_element_layout_column][/cs_element_layout_row][/cs_element_layout_div][/cs_element_section][cs_element_section _id=”60″ ][cs_element_layout_div _id=”61″ ][cs_element_headline _id=”62″ ][cs_content_seo]Let’s keep in touch\n\nQuick caption here\n\n[/cs_content_seo][cs_element_layout_row _id=”63″ ][cs_element_layout_column _id=”64″ ][cs_element_text _id=”65″ ][cs_content_seo]Follow:\n\n[/cs_content_seo][/cs_element_layout_column][cs_element_layout_column _id=”66″ ][cs_element_layout_row_2 _id=”67″ ][cs_element_layout_column_2 _id=”68″ ][cs_element_button _id=”69″ ][cs_content_seo]Facebook\n\n[/cs_content_seo][/cs_element_layout_column_2][cs_element_layout_column_2 _id=”70″ ][cs_element_button _id=”71″ ][cs_content_seo]YouTube\n\n[/cs_content_seo][/cs_element_layout_column_2][cs_element_layout_column_2 _id=”72″ ][cs_element_button _id=”73″ ][cs_content_seo]TikTok\n\n[/cs_content_seo][/cs_element_layout_column_2][cs_element_layout_column_2 _id=”74″ ][cs_element_button _id=”75″ ][cs_content_seo]Instagram\n\n[/cs_content_seo][/cs_element_layout_column_2][/cs_element_layout_row_2][/cs_element_layout_column][/cs_element_layout_row][/cs_element_layout_div][/cs_element_section][/cs_content]