【CSS】３種の背景画像を重ねて個別に動かすアニメーション - Little Strange Software

どうも！LSSです！！ mioさん(id:mio20100501)が、はてなブログの記事背景でダイバーが潜水するアニメーション背景に挑戦されていました。 美麗な画像で、潜水するダイバーの動きにとても迫力があります^^ mio20100501.hatenablog.com そこで、「潜水するダイバーと浮上するダイバーを同時に表示できるか」という話になったので、ちょっと作ってみました。 …ただし、こちらのこの記事ではLSSが適当に描いた画像を使用していますｗ コード 使用画像 表示サイズと移動量の話 余談 コード <style> @keyframes divers{ 0%{background-position:0px 0px,0px 0px,0px 0px;} 100%{background-position:-800px 1600px,0px -800px,0px 0px;}/*ダイバー画

[kefugahi]

画像はなんでもイケるのかな？以前ダイビングするキャラクターを描いたことがあるので、動かしてみたくなったかも(笑)

[newgenworld]

おはようございます☀️.°海の色合い好きです😄背景変えたいと最近強く思っていたので、カスタムで出来たらいいなぁっておもってたんなです😅

[hukunekox]

面白い〜😆ダイバーが透過してるのも凄いし、文字のところも半透明だったり、こんなことも出来るんだぁ😲✨

[conasaji]

ちょっと内容が入ってこないですww 絵がゆるくて良いですね（笑）