Paul's Puppet Theatre Presents CSS3

CSS3 playing with hover effects

Built using JavaScript, CSS3


More About This Demo From The Author

Hover over the fingers to move the puppets or use the following keys
Puppet one:
A = Left leg
S = Left arm
E = Head
D = Right arm
F = Right leg

Puppet two:
H = Left leg
J = Left arm
U = Head
K = Right arm
L = Right leg

All finger and puppet movements created with CSS3.
Puppets created with CSS3 by styling blank div's.
JavaScript was used for keyboard support and changing puppet themes.

About this Demo

Download the Source 272.99 KB · ZIP File

Browse the Source

This demo is released under the GPL license.

More by Tayo.w