Paul's Puppet Theatre Presents CSS3

CSS3 playing with hover effects

Built using JavaScript, CSS3

  • 131 views
  • 1 comments

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.

1 comment so far

Log in to add your own.

  1. Ken Saundders said,

    Very, very cool and clever.

    Great work

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