インターン募集とCSSアニメーション - tikeda::Diary

http://www.hatena.ne.jp/company/intern2010/ 本日より、2010年度のインターンの募集が始まりました。この募集ページ一見普通のページですが、大きく分けて5カ所に分かりやすい遊びを仕込みました。Safariなどでアクセスして、気になる所をクリックするとお楽しみ頂けます。動きはhtmlのclass名を変化させる事によるCSSで実現させてます。場所毎に少し具体的に解説しておきます。 右上のバッジ 単純回転です。最初1周5秒にしてたら、酔うとの意見を頂いたwので倍の10秒になっております。Chromeでも回ります。 h1 img.sun{ -webkit-animation: sunRoll 10s infinite linear; } @-webkit-keyframes sunRoll { from { -webkit-transform: rotat

[wind_sky86]

Fxで味わえない悔しさ。IE5.01で文字が点滅しない、NC4.5で文字が流れないとかそういう時代を思い出した。

[takimo]

幕がおろされると、どこに応募すればいいかわからなくなります…

[htomine]

CSSアニメーションどっかでつかってみようっと

[tomomii]

はてなインターん募集ページのCSSアニメーション 解説