CSS Scroll Effects [ad#ad-2] スクロールのエフェクトは全部で9種類あり、どれもかっこよく気持ちいいです。 デモはFirefox, Chrome, Safari でご覧ください。
アニメーションを伴ったテキストシャドウや半透明を利用して、ブラーのエフェクトを使ったナビゲーションを実装するCSS3のチュートリアルを紹介します。 Blur Menu with CSS3 Transitions [ad#ad-2] 7つのデモ 7つのデモの実装 7つのデモ デモは7種類あり、共通するアイデアはホバーしている時に他のアイテムをブラーでぼんやりとさせ、そのアイテム自体を強調することです。 デモページ 対応ブラウザは、Chrome, Safari, Firefox, Operaです。 IEは、IE9でまだテキストシャドウやアニメーションはサポートされていません。 7つのデモの実装 HTML メニューはすべてリスト要素で実装しており、固定幅を指定します。 <ul class="bmenu"> <li><a href="#">About</a></li> <li><a href="#
テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」 2011年10月21日- ottonascarella/TextBlur - GitHub テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」。 次のように最初はぼやけてるけど徐々にくっきりした文字にするなんていうことができるjQueryプラグインです。 単にテキストをその場で表示しちゃうよりも、徐々に表示するというエフェクトがいいですね。 使い方も次のように超簡単にできます。 $('h1').animate({textBlur: 20}, 0); 但し、IEでも一応対応はしているようですが、うまくは動作しないみたい。 スマホのプロモーション用のサイトなんかで使ってみてもよさそうですね。 関連エントリ テキストにグラデーションをかけられるj
アニメーションといえばFlashやJavaScriptが主流でしたが、CSS3の登場でアニメーションを手軽にウェブサイトに利用できるようになってきました。 CSS3アニメーションを使った実用的なテクニックから、実験的なすごい作品までを紹介します。 対応ブラウザはほとんどのものがChrome, Safari, Firefox4となっています。 ※デモページは明記がないものは全てFirefox4での表示です。
2011年 07月 11日 HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識~活用まで カテゴリ: CSS3 HTML HTMLとCSS タグ:CodingCSS3ジェネレーター作成支援ツール 現状HTML5とCSS3を利用したサイトの構築は自分の仕事上では出てきそうにないのですが、そうは言っても何も情報を収集しないわけにも行かないのでブックマークは当然しています。しかし、ただ単に貯めてるだけだといざという時活用出来ないので、一度ブログに書き留めておこうと思います。 html5 現状深く調べておらずリファレンスやタグ辞典的なものを収集しています。最近友人のクロ(@CROO1379)が色々情報を収集してサイトを構築しており、リファレンス的な意味ではかなり拾えそうな感じになっています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く