CSS3のtransitionとtext-shadowで作る様々なリンク装飾
CSS3のtransitionとtext-shadowでオンマウス時のリンクを楽しく装飾してみます。すべてのリンクに使うとわずらわしいですが、タイトルロゴなんかだとこれくらい凝ってもいいのかなと思います。 transition（時間的変化をつける） hoverなどでスタイルが変化する際、通常はすぐに切り替わりますが、transitionを使うと時間をかけて変化するなど様々な設定をすることが可能になります。 適応するプロパティの「all」、変化の仕方「ease」、変化の始まるタイミングの「0」は初期値となるので省略しても大丈夫です。 transitionはFirefoxとwebkit系のChromeやSafariで先行実装されている機能ですので、-moz-や-webkit-などのベンダープレフィックス付ける必要があります。 text-shadow（テキストに影をつける） その名の通りテキスト
iPhone向けCSS3サンプル
CSS3によるアニメーション 回転 回転+縦のサイズを拡大 背景のエフェクト [3D]回転 [3D]回転+スケール [3D]回転(自動) 移動のアニメ 移動のアニメ(行き帰り) 移動のアニメ(キーフレームを複数使用) 移動のアニメ(時間差) 移動のアニメ(複数のアニメの合成) マスク [3D]裏面の描画(作成途中) SVG アニメーションのパターンの解説 Transition Timing Functions < CSS | The Art of Web 他サイトの作例 Poster Circle 中島聡氏が見せるhtml5の未来：前半6本 中島聡氏が見せるhtml5の未来：後半6本 safari4 betaで実装されたCSS Animationを使ってみました。 : アシアルブログ ※このページはフルスクリーンモードをサポートしています。iPhoneのホームに保存して、アイコンをクリック
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
