NeGiMeMo.net

ねぎさんのメモ帳。日常・メモ・ときどきWordPress。

CSSで波線の下線を引く

bell賞味期限切れコンテンツ

この記事は公開または最終更新から1387日くらい経過しています。
このメッセージが表示されている記事(特にプログラミング系)は情報が古くなっている可能性があるので注意して下さい。

波線ってのは実はないんですよね。結構需要ありそうなのに…。

なので、画像を作って背景にするんですが、これだと色味の修正が地味にタイヘン。

で、どうしようかいろいろ考えたんですが、

bgwave

こーんな感じの画像をつくって、

みたいにCSS書けば、背景画像の色を変えれば簡単に色が変わるし、便利かも?

使うときは、

みたいな感じで。

と、いうことで今作ってるサイトで少しこの方法を試してます。

問題無さそうなら継続してこうかな…と。

ある程度この画像の縦を大きくしておけばある程度まではフォントサイズの変更にも耐えられると思います。

ただ、このマスクする色を今度は要素の背景色に合わせて作らなくちゃいけないので、これはこれでまためんどいんですけどねーX(

TAGS