この記事は2018年3月5日に書かれたもので、内容が古い可能性がありますのでご注意ください。
CSSのアニメーションはページのアクセントになって面白いですよね。
その中で使いやすいふわふわと浮いているようなアニメーションをソースを紹介します。
簡単にソースを探せるオンラインツールがある
WAIT! Animateというサイトの「FLOAT」を選べば今回のCSSが簡単にコピーできます。
他にもミニマムで使いやすいアニメーションが多いので、長く使えそうです。
そのサイトを参考に設置したソースは以下です。
ふわふわと浮いているようなイメージで気球の画像にしてみました。