【CSS】回転体を増やした疑似３D - Little Strange Software

どうも！LSSです！！ 【CSS】疑似３D 前後関係 - Little Strange Software の回転体を増やしてみました。 疑似３D コード CSS変数を使って、個々の回転体の設定を簡略化 もっと凝った疑似３Dを見たい！という方は 疑似３D コード <style> @keyframes d3dzx{ 0%{background-position-x:var(--i);} 100%{background-position-x:calc(100% - var(--i));} } @keyframes d3dzy{ 0%{background-position-y:40%;background-size:calc(40px - var(--s)) calc(40px - var(--s));} 100%{background-position-y:60%;background-siz

[kefugahi]

おお！セーラー戦士勢ぞろい！金星、水星、火星、木星ですな。月が居ないけど（笑）

[newgenworld]

また使わせてください✨これはいい

[zukatomo]

太陽系の惑星のようです。

[conasaji]

画像じゃないから拡大しても綺麗。簡略化しなかったらどれだけの長さになるんだろう（笑）

[Seshio-Researcher]

素敵です！