蛍光ペン風デザイン
蛍光ペン風に文字を強調するブログってよく見かけるので僕もやってみた。
僕がやっても効果がなさそうな感じがする。ただCSSを一行書き足すだけでできるのでここぞというところで使うにはいいかもしれない。僕のブログの場合だとバックが黒地だから見難くなってしまう気がするけども。
設定の仕方
strongタグでやってますけど、実際はなんだろうと問題無いです。
strong{ background: linear-gradient(transparent 70%, #3ec63e 15%); }
雑な解説
・background: linear-gradient()
背景のグラデーション指定。
・linear-gradient({開始方向}, 開始色 開始位置, {途中色}, 終了色 終了位置)
グラデーションの指定方法。
・transparent
背景透過の色指定。
このような感じで蛍光ペンスタイルの強調が作れるそうです。