波線の下線を作ってみた。

なんてことはないのですが、、、波線の下線を作ってみたのでメモ。フォトショ使いました。フォトショ、、、WEBデザイナーさんの7つ道具的なあれですね。

ちとプログラマーの私には敷居が高いですが、最近のプログラマーはIT・WEBのオールラウンダー的なポジションが求められてきているような、それって局部的な現象のような、分かりませんがチャレンジは大切ですよね。

とりあえず作り方の需要がほぼなさそう、というかWEBに良質なハウツーがありそうなのでここでは単純に画像をアップしておきます。

下記画像と下記のスタイルシートを使えば波線簡単にできる、的な記事です。
ハウツー、もし需要がありそうなら今後アップしますが、、、ないよね。

under_wave

これが画像です。
そして、

https://gist.github.com/soylatte/5113890.js

これがスタイルシート。

使用方法は、

<span class="wave">あいうえお</span>

みたいな感じです。

波線の色を変えたい人はフォトショでカラーオーバレイ(にやり…)すればOKかと。

波線の波長を変えたい人はフォトショでフィルター>波形(きらーん)使いつつ自作すればOKかと。

have fun!