Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ:phpspot開発日誌
Ajax Style Loading Animation in CSS3 ( no Images ) - nikesh.me Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ。 マシンにもよるかもしれませんが、なんともなめらかに動作してくれます。 デモページ 画像サイズは最近のブロードバンド環境では微々たるものとはいっても、ピュアCSSのバイト数にはかなわないと思います。 ページ表示速度を考えるならば、ここら辺もチューニングしてもいいのかも。 ただし、CSS3が必要なので非対応ブラウザは動きません。 早くCSS3がどこでも使える時代になってほしいですね。 関連エントリ 画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」
CSSのみでスライドして画像を切り替えるギャラリーを作る
ポートフォリオとかでよく見かけるクリックすると横にスライドしながら画像を切り替えるギャラリーUIをCSS3だけで作ってみた。最終的に、エフェクト的には満足のいかないところがあるもののすごくシンプルに作成できたのでまぁ満足。:target擬似クラスとtransitionプロパティ(とtransformプロパティ)の組み合わせは色々できて楽しい。 Demo: CSS Sliding Image Gallery ギャラリー全体のマークアップは以下のような単純なもの。 <ul id="gallery"> <li class="image" id="first"><a href="#second"><img src="161-1.png"></a></li> <li class="image" id="second"><a href="#third"><img src="161-2.png"></a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
