CSS3タイマー

投稿日
作成者
shimanto40
このエントリーをはてなブックマークに追加

CSS3を使ったタイマーがつくられていました。


http://csswizardry.com/css3-timer/


animation-name で時間・分・秒をセットし、animation-duration でそれぞれの時間設定を格納、width の指定でバーの伸長を設定しています。
シンプルですが、非常に分かりやすいサンプルです。
(※Safari, Chrome 対応)

元ネタ:http://twitter.com/webcreatorbox


Pocket詳解 HTML5&CSS3辞典

※2011年1月11日・・・ブログデータ消失の影響で画像を変更しました。



コメント

感想をお寄せください

コメントするメールアドレスは公開されません

*は入力必須項目です

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Get Adobe Flash player