HTML5のcanvas内に複数の画像を任意の順序で表示する - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
『アニメPNG画像 JavaScriptとCSSを使った疑似アニメーション画像の作り方』
かぜなどいじでもひくものか こんにちは、たすくです。 先日、家で背景画像付きのGoogleの検索トップを見ていて、 ちょっと気になったことが。 なんだこれ？なんか動いてる。 「クリックすると今日のDoodle（ホリデーロゴ）を表示します」だそうです。 どんな風にやってるんだろう、と思ってCSSを調べたら・・・ （※↓長すぎるので小さくしています。実際は28px×2856px。） 長いパラパラマンガだ！ Firebugを見てみると、CSSの数字が増えたり減ったりしてる。 要するに、CSSの背景画像の位置をいじって、 疑似アニメーション画像を作ってるみたいな感じだとわかったわけです。 難読化されてるJSを読む気はしなかったので、自分で作ってみることにしました。 縦長のpng画像 (50px×400px) 参考までに、アニメgifでも書き出してみた。（50px×50px） CSS #hoge{
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
