2025年4月15日 / 最終更新日時 : 2025年4月16日 はま爺 CSS覚書 メニュー タブ切替 ハンバーガー 背景変更等 タブ切替 pure css クリックでメニュー上部設置ID {tab_head} まで移動 menu A 親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛 […]
2025年4月3日 / 最終更新日時 : 2025年4月14日 はま爺 CSS覚書 ボタン諸々 単体ボタン コピー有 inset 単体ボタン 1. borderで矢印 四角の上辺と右辺を表示してafterで > transfor位置調整 2. borderで矢印 四角の上辺と右辺を表示してbeforeで ベー […]
2025年3月31日 / 最終更新日時 : 2025年4月14日 はま爺 CSS覚書 設定:Image 視覚効果 描画 書き出し形式 視覚効果 重なった背景をぼかす backdrop-filter グラデーション 親要素背景色を透過 グラデーション 2 左へ「緑」→「青」50%まで→「透明」75%まで→75%から「赤」に […]
2025年3月4日 / 最終更新日時 : 2025年4月14日 はま爺 CSS覚書 設定:Font関連 初期設定 font-size 装飾系 表示系 初期設定 font-family固有のFontがあれば記述一部明朝体になっていないかsafariで確認 文字詰:palt明朝など、OTF以外では使えないメイリオ・Noto S […]
2025年2月27日 / 最終更新日時 : 2025年4月14日 はま爺 CSS覚書 設定:セレクター セレクター 属性内容が一致する要素 class-hoge 内容が一致:*class-hoge 始まりが一致:^class-hoge 最後が一致:$ 文字のパターンで判別a[href*=”.pdf” […]
2025年2月19日 / 最終更新日時 : 2025年4月14日 はま爺 CSS覚書 諸々最初に設定 1. cssをreset 各タグに個別対応する手間を省き、表現を一元化A (more) Modern CSS Resetを改造して「reset.css」を先頭に設置、あるいはcssファイルの先頭に配置Header内に&l […]