制作のご相談はこちら
画像をふわふわと浮いてるように表現する方法

公開日 : 2018年03月05日 / 最終更新日 : 2018年11月05日

画像をふわふわと浮いてるように表現する方法

CSSのアニメーションはページのアクセントになって面白いですよね。
その中で使いやすいふわふわと浮いているようなアニメーションをソースを紹介します。

簡単にソースを探せるオンラインツールがある

WAIT! Animateというサイトの「FLOAT」を選べば今回のCSSが簡単にコピーできます。
他にもミニマムで使いやすいアニメーションが多いので、長く使えそうです。

そのサイトを参考に設置したソースは以下です。
ふわふわと浮いているようなイメージで気球の画像にしてみました。