タグ

css3に関するsnaka72のブックマーク (2)

  • Typography Effects with CSS3 and jQuery

    One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared wi

  • XUL Apps > Text Shadow - outsider reflex

    的な影の付け方 この拡張機能では、以下の手順によって「ぼかした影」を擬似的に表現しています。 まず、影を付けたい元テキスト(以下、ベーステキスト)と同じ内容のテキストを、半透明にして、ベーステキストの下に少しずらして置きます 次に、もう少しだけ横にずらしてまた半透明のテキストを置きます。 さらにまた少し横にずらして、半透明のテキストを置きます。 同様にして、下方向にずらした次の「行」にも半透明のテキストを置きます。 このようにして半透明のテキストをずらしながら重ねていくことで、あたかもぼかしフィルタをかけたような効果を得る事ができます。 インライン要素への影の付け方 上記の方法はブロック要素全体に対しては簡単に実行できますが、インライン要素に対しては使えません。インライン要素を絶対配置しようとすると強制的にdisplay: block;が指定されたのと同じ状態になり、先行するテキストや

    snaka72
    snaka72 2009/02/23
    css3のtext-shadowを実現するFirefoxアドオン
  • 1