Paris (Depth of Field Example)


This Parisian scene uses a number of different blurred images. Hippo animator neatly fades between them to create a depth of field effect.

Download the project file below to see how this HTML animation effect was achieved.


To add this animation to a html page use the following code:

Download the Hippo Animator project Paris.hani 4 MB.

Animation by

Thanks to for this fun animation made with the free...

Character Animation by Fernand Redon

Check out this fun character HTML animation test by...

The Cat's Shadow (Easing Example)

Check out the shadow effect on this cat and watch how...

Hippani Hills by Yan at

Thanks to talented animator Yan Paquin at for this...

Learn more about creating HTML animation and mobile apps with Hippani Animator.
Learn More...