演出・リッチ
グロウ・グラデ枠カード
枠を光のグラデーションがぐるぐる回る、Linear風のカード。@property で角度を滑らかにアニメーションし、ホバーで一段まぶしくなる。
プレビュー
自動再生
操作自動で再生されます。
実装メモ
回る枠は @property --angle で角度を補間しています(Chrome/Edge/Safari対応、未対応ブラウザでは静止)。枠幅は padding、内側の色は .glow-inner の background で調整します。
コード（コピーして使えます）
<div class="glow-card">
<div class="glow-inner">
<p class="glow-kicker">NEW</p>
<p class="glow-title">Glow Border</p>
<p class="glow-desc">枠を光がめぐるカード</p>
</div>
</div>