CSS– tag –
-
PHPで下線を引く位置を動的に変更しよう
四字熟語の意味問題は、傍線部の読みを答えさせる問題です。 これが、前半2文字だったり後半2文字だったりするので、こちらも語群に含めなければなりません。 今回は傍線（縦棒）ではなく、下線（横棒）として下記のように表示させます。 See the Pen Unde... -
Tailwind CSS でhover下線をアニメーション化する方法
Tailwindcss では class に 「underline」 と書くだけで下線を引いてもらえる便利な機能があります。 けれども、 hover:underline だとパッと瞬間的に下線が引かれてしまい、視覚的に物足りないように思います。 下からスッと線が伸びるようなアニメーショ... -
MVCを扱う上での備忘録
フレームワーク無しでPHPでウェブアプリを書いているけれど、どうしても忘れてしまって、 HTTP 500エラーが出てあたふたすることが多いんだよね。 なので、MVCの基本中の基本を備忘録として書き記しておきます。 フレームワークを使っている人でも参考にな... -
CSSで文字に縁取りを付けよう
文字がライトテーマだとはっきり見えても、ダークテーマにすると見えにくくなる あるいはその逆の場合もあったり、どうすればはっきり見やすくなるのか・・・ ライトテーマとダークテーマで文字色を切り替えればいいのかもしれないけれど、文字色は変えた... -
Tailwindcssでダークモードを動的に適用する方法
Tailwindcssにはダークモードが搭載されています。 筆者もダークモード愛用者なので、これは嬉しいところ。 HTML<html class="dark"> ... </html<html class="dark"> ... </html 上記のように、HTMLの先頭のクラスに dark を指定...
1