CSS3で動くプログレスバー作成サンプル:phpspot開発日誌
CSS3 Progress Bars | CSS-Tricks CSS3で動くプログレスバー作成サンプルが公開されています。 JavaScriptに頼ることなく実現できています。jqueryに思いっきり頼ってました。大変失礼！ デモページはこちら 一本のバーの実現に必要なコードは次のようにシンプル。 <div class="meter"> <span style="width: 25%"></span> </div> デザインが可愛いのでこうしたテイストのサイトにそのまま使えます。 CSS3が動くスマートフォンでも使えそうですね。 これはとてもナイスです。 関連エントリ ステップで学べるCSS3ボタンのデザインチュートリアル 便利なCSS3ツール6つ＋α CSS3のジェネレーター１４種 IE6-8でもCSS3が使えるようになる「CSS3 PIE」
HTML5 と CSS3 で 死にたい
CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたので、 表示の対象はこれらのプロパティを先行実装しているWebKitエンジンのブラウザーの中でも、 描写速度が激的に改善されている開発者向けのWebKit Nightly Buildsになります。 Safari4やGoogle Chromeでも見られますが、アニメーションはスムーズに再生されません。また、HTML5のaudio要素に対応していない場合は音が出力されないようです。非常に高負荷な処理が盛
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA