[B! spin] hrfmsdのブックマーク

hrfmsd id:hrfmsd

spinに関するhrfmsdのブックマーク (2)

CSS3だけで作れる格好良いローディングアニメーション５つ！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、モモコです。ゲリラ豪雨に備えて折り畳み傘を常にバッグに入れているせいか、何となく肩が重いです。今回はCSS3だけで作れるローディングアニメーションを5つご紹介します！閲覧の際にはモダンブラウザ（最新のGoogle Chromeなど）をご利用下さい。 FADE LOADING FADE LOADING 入力した文字がふわっと浮かび上がるローディングアニメーション。質感と動きが合っていてがとてもエレガントです。 CSS3 loading animation experiment CSS3 loading animation experiment DIRT3というゲームのUIにインスピレーションを得て作成されたローディングアニメーション。多彩な変化がついており、とてもクールなアニメーションになっています。 CSS only loading spinners CSS onl
hrfmsd 2013/08/07
css3

loading

spin
リンク
二重送信の防止に。ボタンにローディングアイコンを追加·Ladda MOONGIFT
LaddaはJavaScript/CSS3製のオープンソース・ソフトウェア（MIT License）です。フォームで最後に必ずあるのが送信ボタンです。最近ではAjaxを使っている場合も多く、送信した直後に何らかの反応をしないと二重送信やストレスの原因になってしまいます。そこで使ってみたいのがLaddaです。色々なタイプのボタンが用意されています。まず左上をクリックしてみます。ボタンの横からローディングアイコンが表示されました。ボタンの色も変わっています。別なボタンの場合、ローディングアイコンの位置が変わります。オレンジ色のボタンはローディングアイコンだけが強調されるパターンです。水色のボタンは文字が消えてローディングアイコンだけに変わるパターンです。最後に紫色。こちらはインジケータ付きで徐々にステータスが100%に近づいていくものです。丸形の場合でも左から右にステータスが更
hrfmsd 2013/06/30
Ladda

javascript

spin

ボタン
リンク
1