タグ「CSS」を含む投稿5件]

Icon of moka

New! No.61

えむおか@moka

#てがろぐ にレスポップアップ機能をつけてみるテスト

#てがろぐ にレスポップアップ機能をつけてみるテスト
60 … 数字にマウスオーバーでポップアップ
57 … 画像も込みでぽぷあっぷできる
50 … 同ページ内にない記事はポップアップできません
ので記事単体表示ページでもできないよ

スマホからはhoverが使えずタップしたらポップアップはするもののリンク踏んだと同じになってページ遷移もしちゃう、#CSSpointer-events: none;とかしたほうがいいかも(記事単体以外、スマホのみ適用とか考慮必要そ
Icon of moka

No.52

えむおか@moka

スマホから見たときに背景がアドレスバーの高さ分途切れてしまう

スマホから見たときに背景がアドレスバーの高さ分途切れてしまう
ことへの対処はbodyではなくhtmlに背景を指定することで解決…iOSは知らん、高さ指定を100svhにしたらいいとかもみたけどどうなんだろう#CSS
Icon of moka

No.13

えむおか@moka

#てがろぐ ギャラリーで

#てがろぐ ギャラリーで
特定のタグが付いている記事の画像にぼかしをかけます。
#CSS でかなり力技です。
例として#-R18 というタグが付いているときにぼかしがかかります。(※ワンクッション用のハッシュタグを一覧に載らない記法に変えました)
また、画像…というか全体クリックしたら記事単体に飛ぶようにしてます。

20221113191946-moka.jpg
https://10prs.com/tegalog/?mode=gallery

ページ上部へ