Animations

SkiingKeynote/PresentationSunsetAirport ArrivalPerson SweepingPlaying GuitarConstruction WorkerMagicianChildren Playing Jump RopeEating Ice CreamDeliverySkydivingCarouselGolferSpaceshipBasketballLaunch StationWater SkiingUnderwater TrainingKids PlayingKittySpace StationChristmasSatellitePlaying VideogameAstronautCookie JarPicnicBoatingRestaurantMeetingFishingBirthday PartyFarmers MarketWeddingSubwayGrocery ShoppingNurseTeens playingFront YardLawyerParkJoggingSunriseBarFishChurchYogaSurfingDog ParkWaterfallBirdsTrainWorkingMotorcycle RiderTeacherHikingNew CarComing SoonCyclistsRainBirds FlyingCruise ShipStreet MusicianRocket LaunchAirplane LandingAirplane TakeoffDog WalkerTrafficWaking UpWork OutCouple WalkingChef

How to Use

1

Download your favorite animation.

Pick out your animation from our collection and download the ZIP to your computer.

2

Upload the animation to your website.

Login to your website’s server and upload the MP4, WEBM, and image files.

3

Add the following snippets to your site.

Use the following HTML and CSS to display your homepage animation banner. Be sure to update your file paths.

• HTML
• CSS
• JavaScript

<div class="homepage-banner">
  <div class="animation-container">
    <div class="mask"></div>
    <video autoplay loop class="fillScreen" poster="URL_PATH_TO_JPEG">
      <source src="URL_PATH_TO_MP4" type="video/mp4" />
      <source src="URL_PATH_TO_WEBM" type="video/webm" />Please upgrade your browser, it does not support the video tag. 
    </video>
  </div>
</div>

Need Custom Animations?

Get Notified

New animation every week!