[CSS] 蛍光ペン風にマーキングする

2019年8月30日

蛍光ペン風にマーキングするサンプルです。

黄色、中太線でマーキングする

【構文】

【結果】

文字を蛍光ペン風にマーカーしてみました。

transparentの後ろの数値を変えると線の太さを変更できます。(100%:細 ～ 0%:太)

最後に指定してある0%の前の値を変えると色を変更できます。

サンプル

少しづつサイズや色を変えたサンプルです。

サンプル【太さ】

例）太さ：100%

サンプルマーカーサンプル

例）太さ：80%

サンプルマーカーサンプル

例）太さ：60%

サンプルマーカーサンプル

例）太さ：40%

サンプルマーカーサンプル

例）太さ：20%

サンプルマーカーサンプル

例）太さ：0%

サンプルマーカーサンプル

サンプル【色】

例）skyblue

サンプルマーカーサンプル

例）yellow

サンプルマーカーサンプル

例）pink

サンプルマーカーサンプル

例）red

サンプルマーカーサンプル

例）green

サンプルマーカーサンプル

例）greenyellow

サンプルマーカーサンプル

例）orange

サンプルマーカーサンプル

備考

• 主要なカラーネームは、[CSS] 主要色一覧ページをご覧ください。