[CSS3] CSS 3のText-Shadowプロパティを使ったタイポグラフィー
[CSS3] CSS 3のText-Shadowプロパティを使ったタイポグラフィー Pocket Tweet テキストに影を付けるtext-shadowプロパティですが、少し前まではSafariのみが対応していて、マックオタのサイトオーナー以外にはあまり使われる事はありませんでした。けどFirefox 3.5とOpera 9.5がCSS3での表現に一部対応したことで最近じゃチラホラ見るようになり、テキストで表現するタイポグラフィーのツールとしても使われる機会が多くなったような機がします。というわけでText-Shadowプロパティを使った、CSS3による指定方法を個人的にまとめてみました。 ソースのダウンロード text-shadow、基本的な指定の仕方 Safari向けに過去にtext-shadowを使ってきた人ならすでにご存じ、今まで通りのシャドウの付け方です。一般的な黒い影を落とした
注目を集めるためのCSS3を使った光るボタンサンプル実装例:phpspot開発日誌
注目を集めるためのCSS3を使った光るボタンサンプル実装例が公開されています。 Safari4や Firefox3.5、ChromeでみるとCSS3の機能を使ってボタンが光ります。少しだけ次世代ですがこんなことができるんだなと覚えておいてもよいかも。 アニメーションで輝くボタンはまるでイルミネーションのようです。 @-webkit-keyframes を使うことでこんなことができるんですね。 Firefox3でみると次のように光りはしませんが、それなりにきれいなボタンで表示されます。 デモは以下のエントリを参照してください。 Radioactive Buttons with CSS Animations and RGBa - ZURB Playground - ZURB.com 作成のチュートリアルは以下を参照してください Pushing Your Buttons With Practic
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
