HTML/CSS

【CSS】filter: drop-shadow()で透過画像に影をつける方法｜box-shadowとの違い・実務パターン集

CSSのfilter: drop-shadow()で透過PNG・SVGに画像の形状に沿った影をつける方法を解説。box-shadowとの違い、パラメータ詳細、複数の影、ホバーアニメーション、clip-path対応、パフォーマンス最適化、実務パターン集まで網羅。
2022.08.28
HTML/CSS
HTML/CSS

【HTML】framesetタグの印刷で余白が入る原因と解決方法｜Chrome・Edge対応・iframe移行・CSS Grid代替

framesetタグを使用したページをChromeやEdgeで印刷すると余白が入る問題の原因と解決方法を解説。CSS @media printでの対処、iframeへの移行手順、CSS Grid/Flexboxによる代替レイアウト、HTML5での非推奨状況と実務での対処パターンまで網羅します。
2022.07.18
HTML/CSS