system
I.M

2021.10.25HTML/CSS 

Webクリエイター

I.M

2021年8月1日「マリンロード」は「インソースマーケティングデザイン」へ社名を変更いたしました

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

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

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

その1

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


その2

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


その3

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


WEBサイト診断 現役ウェブ解析士が教えるWebサイトの読み解き方 イメージ
ホームページ制作サービスはこちら
ページTOPへ