タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

cssとtext-shadowに関するfujis_aのブックマーク (1)

  • ぼくの考えたさいきょうのCSSだけで2pxの縁取り文字【2017/7/28追記】 - Qiita

    まずは1pxの縁取り CSStext-shadowのみを使って、白文字+黒の1px縁取りをしてみます。 考え方としては ぼかしを0pxにして塗りつぶしの影を作る 1pxずつずらして複数指定することで縁取りっぽく見せる LIGさんの記事で素晴らしい解説がありました。 2.テキストシャドウ使う方法 text-shadow: black 1px 1px 0px, black -1px 1px 0px, black 1px -1px 0px, black -1px -1px 0px; 引用元:IEでもキレイ!ブラウザ上でアウトライン(縁取り)を表現する方法 ▼1px四方向の出力サンプル▼ 1pxの縁取りであれば、上下左右の指定だけで結構いい感じになります。 2017/7/28追記 1pxでキレイな縁取り 上記の方法だと、右下、左上、左下、右上の4方向なので、上下左右に縁取りがないことになってまし

    ぼくの考えたさいきょうのCSSだけで2pxの縁取り文字【2017/7/28追記】 - Qiita
  • 1