Support

Add Animations

Entrance animations let you animate widgets and page widgets when they are first loaded on your site. Motion and interactivity makes your site more memorable and can emphasize the sections you want visitors to focus on, like a phone number or a contact button.


Additionally, you can control where the animation starts and ends on the screen by using the Scroll settings.


When adding animations, keep in mind the following:

  • Too many animations can disorient or distract users, so use them sparingly.
  • When removing an animation, remember that animations can be applied to rows as well as widgets, so the animation you are seeing might have been added somewhere unexpected.


To add animations

  1. Right click any row or widget to open its context menu. Or, if you are in flex mode, right click an element and select Edit design.
  2. Hover over Animation and select one of the following:
    进入。从列表中选择一个进入动画，当窗口小部件首次加载到网站时，该动画将为窗口小部件设置动画。滚动。从列表中选择一个动画，当用户滚动到窗口小部件时，该动画将为窗口小部件设置动画。自定义。选择动画的触发器（进入或滚动），然后从列表中选择一个动画。在 flex 模式下，自定义不是一个选项。对于进入动画，请选择动画的持续时间、延迟和强度。对于滚动动画，请选择进入或退出、方向和强度。


To reset the animation, click Default Settings.


如果您使用滚动动画，则可以在编辑模式下单击侧面板中的“暂停动画”以暂停所有动画。动画在预览模式和实时网站上仍处于活动状态。


Note: Animations are available from the context menu on mobile and tablet devices. The effects are device-specific and you may define different animations per device. If you have previously defined an animation on desktop, tablet and mobile devices will not automatically inherit the animation. You must select an effect from the context menu for that device.


Remove Animations

To remove entrance animations:

  1. Right-click any row or widget to open its context menu.
  2. Hover over Animation, and then hover over Entrance or Scroll, and select None.


Customer Support Hours

Mon - Fri, 9 am to 9 pm (CT)

Sat, 9 am to 6 pm (CT)

(Chat Unavailable on Saturdays)

iClassPro offices will be closed in observance of the following holidays:
New Year's 2024 (Jan 1, 2024), Good Friday (March 29, 2024), Memorial Day (May 27, 2024), Independence Day (Jul 4, 2024) Labor Day (Sep 2, 2024), Thanksgiving (Nov 28 - 29, 2024), Christmas (Dec 24 - 25, 2024)

Visit the Customer Support Page


Share by: