アマゾンプライムデー開催中!6/22まで 

CSS 縁取り文字を作る デザインサンプル

文字自体に色は付けず、縁だけを色で塗る「縁取り文字」のCSSデザインサンプルです。

1. text-shadowで作る

See the Pen
css – outlin text
by kura (@kuranopen)
on CodePen.

text-shadowを使用した縁取り文字です。

  • IE10、IE11対応

2. text-strokeで作る

See the Pen
css – outlin text
by kura (@kuranopen)
on CodePen.

text-strokeを使用した縁取り文字です。

  • 文字色の透過可
  • IE非対応

【開催中】お得情報

デザイナーのUIメモ帳

レイアウト

ヒーローエリア

フォーム

画像

テキスト

ナビゲーション

コンテンツ

CSSデザインサンプル

モバイルサイト

Javascript

Google Map

Youtube

  • このエントリーをはてなブックマークに追加