Cubender Help Center

Search our knowledgebase for your questions about Cubender.

Help Topics Editor Design Panel Animation

Animation

The Animation window allows you to add animation to an element like a movement or fade.

The Design Panel in Cubender
Adding Animation
To add a new animation, first click the "New Animation" button. This will add a new animation to the list. Select the animation and then open its settings by clicking the gear icon. Once the animation settings open up, you can adjust a variety of controls and behaviors.

The Design Panel in Cubender
Adding Animation Steps
An animation is composed of at least 2 steps: Initial and Last. You can add more steps to create a more intricate animation. Each step has parameters and timing options for your animation. The same animation can be applied to many elements.
Getting StartedDiscover how you can start using Cubender today.How to BeginStarting from a ThemeStarting from a Blank SiteView AllEditorGet familiar with the Cubender editor.Basic OperationsDesign PanelAdding ElementsPreferencesResponsive ViewsPreviewingPublishingView AllElementsLearn about all the different elements you can add to your page.OverviewMedia ElementsStructural ElementsSocial ElementsForm ElementsSpecial ElementsView AllStyleLearn how to apply custom styles to any element.OverviewBackgroundBorder & CornerFontShadowText ShadowSize & PositionLayout & OrderPadding & MarginTransformTransitionView AllDashboardGet an overview of the Cubender dashboard.Website SettingsAdding a DomainAccount SettingsYour SubscriptionView AllSubscription PlansLearn about the different pricing plans we offer.VenusEarthSaturnJupiterView AllWhite LabelingLearn how to white label Cubender for your customers.Creating UsersCreating SubscribersView AllSupportIf you're stuck, we can help.Contact SupportVisit our BlogView All