CSS3のtransitionとtext-shadowで作る様々なリンク装飾
CSS3のtransitionとtext-shadowでオンマウス時のリンクを楽しく装飾してみます。すべてのリンクに使うとわずらわしいですが、タイトルロゴなんかだとこれくらい凝ってもいいのかなと思います。 transition（時間的変化をつける） hoverなどでスタイルが変化する際、通常はすぐに切り替わりますが、transitionを使うと時間をかけて変化するなど様々な設定をすることが可能になります。 適応するプロパティの「all」、変化の仕方「ease」、変化の始まるタイミングの「0」は初期値となるので省略しても大丈夫です。 transitionはFirefoxとwebkit系のChromeやSafariで先行実装されている機能ですので、-moz-や-webkit-などのベンダープレフィックス付ける必要があります。 text-shadow（テキストに影をつける） その名の通りテキスト
[ VERSION510 ] | CSS プロパティの記述順を考える
現在このサイトは移転のため更新停止しています。 新しい記事はVERSIONFIVEにて更新されていきますのでそちらをご利用下さい。 また一部のエントリは新しいサイトに一部修正加筆されて再掲されています。[再掲されているエントリ一覧] 今までずっとやろうと思っていて怠けていた「CSSをきちんと書くこと」ですが、Web制作会社で働かせてもらった関係もあって最近自分のCSSの記述を見直しています。今さら^^; (ちなみにこのサイトの記述は一年くらい前のなのでぐちゃぐちゃです。汗) リストアップ シェイプアップ まとめ、+α リストアップ 参考にさせてもらったのが、hail2u.netさまの記事にあった、CSS2 Specificationの記述順です。全部並べてみると、 margin-top margin-right margin-bottom margin-left margin paddin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
