Claude Fable5にWebGLでHPのファーストビューを作らせてみた。ライブラリゼロ、生WebGL一発出し。 CSSの偽ガラスじゃなくて、シェーダーでRGBを屈折率1.00/1.14/1.30で別々に曲げてる本物の分光。 マウスポインター自体がレンズになって字を歪ませてくれるの楽しい！！笑 pic.x.com/cILBNkXCbU

Claude Fable 5にWebGLでHPのファーストビューを作らせてみた。ライブラリゼロ、生WebGL一発出し。 CSSの偽ガラスじゃなくて、シェーダーでRGBを屈折率1.00/1.14/1.30で別々に曲げてる本物の分光。 マウスポインター自体がレンズになって字を歪ませてくれるの楽しい！！笑 pic.x.com/0sJEpps6co

スマホでホバーのCSSが残り続けるバグは、PC環境のみに限定するこの記述で解決！ @media (hover: hover) and (pointer: fine) { /* hover時の記述 */ } 指操作のスマホやタブレットを確実に弾き、マウス操作の時だけ動かせる実務必須のコードです。

iPhone Safariで、タップ後にボタンのボーダー色が変わる現象に遭遇👀 最初はCSSの書き方がおかしいのかな？と思ったけど、 @media (hover: hover) and (pointer: fine) { &:hover { border-color: #9ed0e0; }} という書き方を知った✨ 今までは画面幅で hover を切り替えていたけど、

⏰学習時間1.5h(累計264.5h) 📷尾道 contactセクション ☑appearance: none; でデフォルトの装飾を消す ☑selectタグに疑似要素あてられないのでdivで囲んでそれにあて ☑pointer-events: none; で疑似要素すり抜けてクリック 💡明日すること ・PC時のcss #デイトラ #Web制作