Direct link to the article Lessons Learned from Sixty Days of Re-Animating Zombies with Hand-Coded CSS

Lessons Learned from Sixty Days of Re-Animating Zombies with Hand-Coded CSS

I’ll be linking to individual Pens as I discuss the lessons I learned, but if you’d like to get a sense of the entire project, check out 60 days of Animation on Undead Institute. I started this project to end on August 1st, 2020, coinciding with the publication of a book I wrote featuring CSS animation, humor, and zombies — because, obviously, zombies will destroy the world if you don’t brandish your web skills and stop the apocalypse. Nothing puts the hurt on the horde like a HTML element on the move!
Avatar of John Rhea
John Rhea on

Basic Link Rollover as CSS Sprite

a {
  background: url(sprite.png) no-repeat;
  display: block;
  height: 30px;
  width: 250px;
}

a:hover {
  background-position: 0 -30px;
}

The set height and width ensure only a portion of the sprite.png graphic is shown. The rollover shifts the position of the …

Avatar of Chris Coyier
Chris Coyier on (Updated on )