Browse Articles

Select a Product

null Support Directory

Browse all null articles. (Last Updated )

No articles found.

Search Results

No articles found.

Storyline 360: Emphasis Animations

Article Last Updated Jan 16, 2026

This article applies to:

Delight learners with emphasis animations—one of the top Storyline 360 feature requests. Captivating animations like pulsing, teetering, and rotating set a more realistic scene and bring slide objects to life, taking your content to the next level to grab learners' attention. We introduced emphasis animations in January 2024 and added more animations in May 2025.

Add Emphasis Animations

Here's how to add an emphasis animation to an object:

  1. Select the object and go to the Animations tab on the ribbon.
  2. Click the Add Emphasis Animation drop-down arrow, as shown below, and choose an animation from the gallery.
  3. Once you select the animation, Storyline 360 automatically creates an editable trigger that initiates the emphasis animation on the selected object when the learner clicks that object.
The Add Emphasis Animation drop-down arrow in Storyline 360.

Tips:

  • Each object in your course can have one entrance animation, one exit animation, multiple emphasis animations, and multiple motion path animations.
  • Emphasis animations are supported only for shapes, images, buttons, characters, markers, text boxes, and videos.
  • Here's a time-saver: Thanks to emphasis animations, you can now preview local JavaScript triggers—such as ones that retrieve or set the value of a Storyline 360 variable. If you're using complex JavaScript triggers, you'll still want to publish your course to a web server or LMS for proper testing.

Adjust the Speed of an Emphasis Animation

Emphasis animations default to a duration of 0.75 seconds. You can make them faster or slower by entering a time in the Duration field for the animation.

Choose Effect Options

You can also modify the intensity of emphasis animation effects with Effect Options.

Emphasis Animation

Effect Options

Pulse

Choose the motion level: low, medium, or high.

Grow

Choose the grow amount: medium, large, larger, or restore the animation to its original size. You can also set the rate of change of the grow animation from the Easing sub-menu.

Shrink

Choose the shrink amount: medium, small, smaller, or restore the animation to its original size. You can also set the rate of change of the shrink animation from the Easing sub-menu.

Shake

Choose the motion level: low, medium, or high.

Teeter

Choose the motion level: low, medium, or high. You can also set the direction of the teeter animation from the Direction sub-menu.

Tilt

Choose the tilt amount: low, medium, or high. You can also set the direction of the tilt animation from the Direction sub-menu.

Tilt and Grow

Choose the grow amount: medium, large, or larger. You can also set the rate of change of the grow animation from the Easing sub-menu. You can also set the direction of the tilt and grow animation from the Direction sub-menu.

Float

Choose how high the object floats: low, medium, or high.

Elastic

Choose how much the object stretches before returning to its original size: low, medium, or high.

Bounce

Choose how high the object bounces: low, medium, or high.

Flash

The flash animation blinks twice and doesn’t have any effect options.

Rotate

Set the rate of change of the rotation from the Easing sub-menu. You can also set the direction of the rotation from the Direction sub-menu.

Pro Tip: Here's one way to use the grow and shrink emphasis animations together:

  1. Apply the grow animation to an object, keeping the default trigger that fires when the learner clicks that object (see above on how to add emphasis animations).
  2. Add the shrink animation to that object and change the default trigger to fire when the grow animation completes or when the timeline ends. Then, in the Effect Options drop-down arrow, choose Original Size.

Delete Emphasis Animations

To remove an emphasis animation from an object, select the animation from the gallery and click the trash icon on the ribbon.

Note: When you delete an emphasis animation, its emphasis trigger also gets removed—but not vice versa. 

Make Emphasis Animations Accessible

Ensuring your animations are accessible to all learners—regardless of their ability—is critical. Here are some tips for designing accessible animations:

  • Give learners the option to turn animations off. For example, you could use a true/false variable to track whether a learner wants to see animations. Then, depending on the learner's choice, a layer with animations or a different layer without animations would appear.
  • Avoid unnecessary animations; don't depend on animations and color alone to convey information.
  • Don't use animations that move the foreground and background at different speeds.
  • When you do choose to use emphasis animations, you can use the Effect Options drop-down arrow to select a low level of motion for improved accessibility. Also, keep the duration of animations to less than five seconds.

Understand Compatibility

Emphasis animations are exclusive to 32-bit and 64-bit Storyline 360 as of January 2024. More emphasis animations were added in the May 2025 update for Storyline 360. Project files with emphasis animations won't open in earlier versions of Storyline 360. To restore compatibility, remove the emphasis animations.