袋文字を表現する

現在はSafariでのみ対応ですが、CSSで袋文字を表現することができます。

.hukuro {
-webkit-text-fill-color: #00BFFF;
-webkit-text-stroke-color: #0000CD;
-webkit-text-stroke-width: 2px;
font-size:50px;
}

ふくろ文字になります。

-webkit-text-fill-colorで中の文字色、
-webkit-text-stroke-colorで縁の色、
-webkit-text-stroke-widthで縁の太さを設定します。

※今のところはSafariでのみ対応なので、ちょっと使い所は難しいかもしれません。

コメントを投稿する

SPONSORED LINK

CATEGORY

RECOMMEND BOOKS

OTHER

あわせて読みたい

トップへ戻る