1. >
  2. >
  3. 四角いのが動きまくるcss!おっさんずラブ風の装飾にも!

四角いのが動きまくるcss!おっさんずラブ風の装飾にも!

四角が動くイメージ

アニメーションで動かす

メインビジュアルに入れたら印象ガッツリ残りそう。
やりたすぎるので、そのままお借りしてきました。

四角がふわふわするDEMO

引用:https://webdesignfacts.net/entry/css-background-animation/

単純に背景に入れてもいいかもしれない。動画を入れるよりは軽いかもしれないけど、若干重くなるので注意しなくてはいけない。

四角じゃなくて、丸にするだけで、水槽の中にいるような感じにもなりますね。
そしたら回す必要なくなっちゃうか。

四角がふわふわするHTML

四角がふわふわするCSS

【番外編】おっさんずラブっぽい装飾にしてみた

雰囲気だけは感じてもらえると思うw
四角じゃなくて、ハートにしてみたバージョン。大きさは一つ一つ調整するのが手間過ぎて断念。

検索語を上に入力し、 Enter キーを押して検索します。キャンセルするには ESC を押してください。

トップに戻る