html5의 힘!
예전에 로켓발사 같은 것도 재미있었죠.

이런식으로 만드는듯.
http://www.wait-till-i.com/2010/09/07/google-goes-bubbly-interactive-logo-today-on-the-uk-homepage-plus-source/

오늘껀 걍 PNG이미지 갈아치우기 같아 보이던데...

소스 잠깐 뜯어보니.. 무식하게 만들었네요..;

<div id="hplogo0" style="left: 307px; top: 48px; width: 88px; height: 89px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll 0px 0px transparent;"></div>
<div id="hplogo1" style="left: 307px; top: 48px; width: 89px; height: 89px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -88px 0px transparent;"></div>
<div id="hplogo2" style="left: 307px; top: 48px; width: 91px; height: 89px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -177px 0px transparent;"></div>
<div id="hplogo3" style="left: 305px; top: 49px; width: 93px; height: 89px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -268px 0px transparent;"></div>
<div id="hplogo4" style="left: 305px; top: 50px; width: 93px; height: 88px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -361px 0px transparent;"></div>
....
<div id="hplogo153" style="left: 12px; top: 34px; width: 113px; height: 106px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -784px -1188px transparent;"></div>
<div id="hplogo154" style="left: 13px; top: 35px; width: 110px; height: 104px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -897px -1188px transparent;"></div>

이런식으로 총 155 frame 을 표현 -_-;;
HTML5 랑 하등상관이 없는 기술임니돠 ;]

참고로 모든 프레임 이미지는

target=_blank>http://www.google.co.kr/logos/2011/graham11-hp-sprite.png


를 확인하시면 되겟슴니다.

html5가 아니었군요.

나름 웹표준..=_=;;

저 그림보고 전 네이버 웹툰의 실질객관동화가 생각났슴다. 왠지 모르게 그림체가 비슷해서..

어어; 저 애니메이션 어디선가 본거 같은데 ㅠㅠ 아오 기억이 안나네요 ㅠ 저거 말고 다른 주제로 만든 애니메이션을 본거 같은데염...

우와 ... HTML5 라고 생각했는데, png 를 뿌려댄거였군요;;;

소..속았구나!!