Animation in Content Types

The following content types have the ability to have an animation once it becomes viewable. All animations have option to delay animation. Using to need a delay may depend on height of content type.

Card Simple | Image | Stat Card | Jumbotron | Quote | Profile Card

Card Simple Animation

Option to animate is a yes or no. Location of image decides direction of animation.

image-fly-bg.jpg

Image Slide Up

No delay

image-fly-bg.jpg

Image Slide Down

.5s delay

image-fly-bg.jpg

Image Slide Left

1s delay

image-fly-bg.jpg

Image Slide Right

2s delay

Image Content Type Animation

Option to animate is a yes or no to fade in upon screen view.

No Animation
horn library

Animation chosen, but set to not display when overlay text is filled in

1s delay
cyber security

Stat Card Animation

Option to animate is a yes or no to have the Stat digit grow in upon screen view. Stat digit can also have count up animation.

100
%

No Delay • has count up

80%

2s Delay

Jumbotron Animation

Option to animate is a yes or no. The location of text box decides direction of animation.

850 x 400 mountains

Jumbotron

.5s delay

850 x 400 mountains

Jumbotron

1s delay

850 x 400 mountains

Jumbotron

2s delay

Quote Animation

Animation options are:

  • Image scale up
  • Whole quote slide left
  • Whole quote slide right
image-fly-bg.jpg
No delay.

Whole quote slides LEFT.

image-fly-bg.jpg
1s delay.

Whole quote slides RIGHT.

image-fly-bg.jpg
2s delay.

Image scales up.

Aside Card Animation

Option to animate is a yes or no to have the Aside card top and bottom borders grow.

Profile Card Animation

Option to animate is a yes or no. Image scales up.

image-fly-bg.jpg

Profile Card

No delay

image-fly-bg.jpg

Profile Card

.5s delay

image-fly-bg.jpg

Profile Card

1s delay

image-fly-bg.jpg

Profile Card

2s delay