BLOGスタッフブログ

インソースマーケティングデザイン

2021.10.25 コーディング

ローディング画面で使えるCSSアニメーション

ローディング画面で使えそうなコンテンツをCSSアニメーションで作ってみました!

色やアニメーションの設定を変えて他にも流用出来るかと思いますので、ローディング画面をサイトにつけたい方は必見です。
※ローディング画面の機能自体は省いております。

ローディング1

フラワーが回っているものです。
花びらごとに色を変えても良いです。

ローディング2

丸から四角に切り替わるものです。

ローディング3

レイヤーを重寝て回転させたものです。
ブレンドモードを追加して背景に写真を設定しても面白いかもしれません。

インソースマーケティングデザインが書いた他の記事

見積もり・ご依頼など、
お気軽にご相談ください

本サイトはユーザーエクスペリエンスの向上などを目的に、Cookieを使用しています。
右記のバナーで「同意する」をクリックする、または本サイトを利用することにより、
お客様は弊社のCookieポリシーに同意したことになります。

同意します