CSSだけでぼかした色鉛筆?っぽい優しいアンダーライン(下線)を引いてみる

CSSだけで作る色鉛筆風アンダーラインを紹介するイラスト。チビキャラ少女が大きな色鉛筆で見出しの下に柔らかいパステル調の下線を引き、box-shadowを使った優しい下線装飾を表現している。
CSSだけで色鉛筆?細いクレヨン?水彩ペン?っぽい下線を作って引いてみました。蛍光ペンよりも優しく柔らかく軽く見えます。見出しなどにも使え、特に手書き文字に合います。コピペでOK、よろしければ持っていって下さい。

日本語Webフォントは重い? 手書きフォントを高速表示する方法【WordPress】

日本語WEBフォントをハサミで切り取ってサブセット化する少女のイメージ
メイリオなどデフォルトのフォントは読みやすいけど単調。 特にテーマが被ると、少々のカスタマイズでは被って見えます。 ちょっと変化をつけてみたかったので手書き文字風フォントを採り入れてみました。 ……しかし、 「サイトが重 … 続きを読む:日本語Webフォントは重い? 手書きフォントを高速表示する方法【WordPress】

美雲このはに去られた瞬間WordPressが動かなくなった~子テーマの画像ファイルを戻し忘れた話~

WordPress管理画面から背景画像「このは」が消えたことでサイトが激重化。502エラーに頭を抱えるスーツ姿のピンク髪少女と、消えた背景画像のシルエットを描いたトラブルシューティング記事のアイキャッチ。
本記事は私のトラブルシューティング奮闘記。 釣り感満載なタイトルの意味は、お読みいただければわかります。 最初に断っておきますと、トラブルの原因は人災。 その点で、ネタとしてお読みいただければ幸いです。 アイキャッチの画 … 続きを読む:美雲このはに去られた瞬間WordPressが動かなくなった~子テーマの画像ファイルを戻し忘れた話~

リンクの下線が出たままでカッコ悪い~【WordPress】

リンクの下線が出たままで、格好悪いと悩んでる技術者
リンクの下線が出たままでカッコ悪い~ ブログカード主流の現在ですけど、リンクの下線を消したい場面はある 現在はブログカードやボタンリンクが主流になり、単純なテキストリンクをそのまま使う場面は減りました。ただ、それでもサイ … 続きを読む:リンクの下線が出たままでカッコ悪い~【WordPress】
× 閉じる