デザイナの心を刺激するCSS3素材&実例&ツール集35 | ゆっくりと…
CSS3 でここまで出来るのか、という良い見本です。テクノロジーの進化でデザインがインスパイアされ、さらに高見をめざしてテクノロジーが進化するという、互いに刺激し合うスパイラルが爆発的に加速しそうな気配を感じてしまうのは、大げさでしょうかネ。 ツールに関しては、既にあちこちで紹介されているものが大半ですが、素材に関しては、きっと刺激を受ける方もいるのでは？と思ったので、紹介したいと思います。 CSS3 素材・実例集 CSS3 Flip Digital Clock <span> に数字を書くだけでデジタル時計が表示できるので、JavaScript と組み合わせれば、簡単に実用的な時計として機能すると思います。 Apple Wireless keyboard マウスでクリックできるし、実キーボードを叩けば、キーが押されたようにアニメーションする例題です。 Zen HTML5 CSS3 Audi
css3のtransitionプロパティでアニメーションサンプルをいろいろ作ってみた - かちびと.net
css3のアニメーションプロパティ、transitionがとても面白いので何となくアニメーションのサンプルを色々と作ってみました。まだ対応ブラウザは少ないですが、将来の為に予習してみたのでシェア。 css3のtransitionプロパティは変化を与えるプロパティです。アニメーションを実装できるプロパティはtransitionとanimetionがあり、後者のほうが「アニメーション」としての位置付けっぽいのですが、今回は何となくtransitionを使用しました。 プロパティ：-webkit-transition 対応ブラウザ：webkit系(GoogleChrome、Safari等) JavaScript：未使用 （※ソース閲覧の部分はjsを使っています） 一応アニメーション以外（角丸など）は-mozも入れています。 サンプルなので「-webkit-transition: *s ease-
HTML5 / CSS3のソースがダウンロードできるサンプル – creamu
HTML5 / CSSでできることをざっくり掴みたい。 そんなときに参考になるのが、『Create An Elegant Website With HTML 5 And CSS3』。HTML5 / CSS3のソースがダウンロードできるサンプルです。 HTML5で使われる<section>や<aside>、<header>、<footer>などの各タグの解説と、CSSにおける「RGBa」、「box-shadow」、「border-radius」、「text-shadow」などのプロパティーの解説がされています。 デモは以下から。 Download Source ソースのダウンロードも提供されているので、参考に見てみてはいかがでしょうか？ Touch The Future: Create An Elegant Website With HTML 5 And CSS3 あることが一つ決まった。と
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
