Introduction

The animated image shortcode adds animated images that slide left, right, up, or down along the screen. You can also control the speed and position of the image. Multiple images can be added together to create impressive effects.

We have a few examples below. This effect can also be used to create a stock ticker type effect. Another idea is to use animated images to show a sliding background of portfolio, news, customers, etc. items.

Stock Ticker

Add a stock ticker like effect to your pages using one animated image that slides right or left. Just create an image that is a collection of other smaller images and animate it.

Slide Left and Right Animated Images

An example of animated images that slide left and right along the screen at different speeds. The images are anchored to the bottom of the container. Notice how layers have been added using z-index to set clouds behind this text and also in front.

Danger, Will Robinson!

Notice the use of multiple layers. The images on the left are sliding up and down. The asteroids are sliding to the right.

Explore More Shortcodes