At An Event Apart earlier this year, I saw many examples of CSS3 animations and transitions involving manipulating images and objects over time in exciting ways. Recently I was working on a site and saw an opportunity to possibly include a subtle CSS3 transition in the site’s primary navigation. I’d seen size, movement, and rotation animated before, but I’d never seen an exact demonstration of the effect I was looking for, which was a simple dissolve between two images.
Recently I was working on a site and saw an opportunity to possibly include a subtle CSS3 transition in the site’s primary navigation. I’d seen size, movement, and rotation animated before, but I’d never seen an exact demonstration of the effect I was looking for, which was a simple dissolve between two images. I thought it might be interesting to outline the thought process I went through in creating what I believed would be a simple addition, but ended up being a bit more complex than anticipated.