links for 2011-08-31

  • The Ken Burns effect is a special effect used in documentaries when you only have a static photograph of an interesting item. To add some movement and life to the photograph, you zoom into the photo and pan towards a point of interest. It's named the Ken Burns effect because it was used a lot by a documentary film maker named Ken Burns.  Anyhow.  You can achieve the Ken Burns effect using CSS animations. It's not even particularly difficult. Just create a div with overflow:hidden to hold the image, then change the image's CSS transform property. Or if you want to be totally retro and backwards-compatible, you could also achieve the effect by changing the image's top, left, width and height using a JS setInterval. 
    (tags: CSS KenBurns)

About this Entry

This page contains a single entry by published on August 31, 2011 11:00 PM.

links for 2011-08-30 was the previous entry in this blog.

links for 2011-09-01 is the next entry in this blog.

Find recent content on the main index or look in the archives to find all content.

Monthly Archives


Powered by Movable Type 5.2.2