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.

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