CSSでこんなことができるの知ってた? 要素・コンテナのサイズに関係なく、ボーダーや背景をはみ出して配置するテクニック | コリス

https://coliss.com/articles/build-websites/operation/css/css-only-extended-border-and-background.html

タイトルの機能を border-imagelinear-gradient() を使って実現している。
これは使い所がありそうな便利な Tips だ。