CSS/Javascript Animation Tutorial

Robby Leonardi is a multidisciplinary designer based in New York City. He does illustration, graphic design, animation, and front-end development. Most of his projects come from major media companies, such as Fox, Speed TV, FX Networks, myNetworkTV, and G4. You can reach him via email at hey@rleonardi.com, or follow him at www.twitter.com/rleonardi.

1. Parallax Effect on Mouse Move

View complete:


2. Thumbnail Shifting Animation
Pinks All Out

Microsite
SPEED TV
NipTuck

Rich Media Ad
FX Network
Hairclub for Man

Microsite
Hairclub
Wrecked

Microsite
SPEED TV
SPEED Disease

Microsite
SPEED TV
El Tesoro

Website
El Tesoro
Elderlife Financial

Website
Elderlife Financial
5 in the Skyy

Microsite
Skyy Vodka
Fox News Windows Phone App

Mobile App
Fox News
War Stories

Website
Fox News

View complete:


3. Sequential Window Opening Animation
Client Showcase

Website Animation
Incognito Digital
Bullrun

Banner Ad
SPEED TV
Shield

Banner Ad
FX Networks
Sons of Anarchy

Rich Media Ad
FX Networks
Sunny in Philadelphia

Rich Media Ad
FX Networks
NipTuck

Banner Ad
FX Networks
Testees

Banner Ad
FX Networks
Music Player

Website Animation
Haier

View complete: