枠をグラデーションにしたCSS見出しデザイン

「border-image」プロパティに「linear-gradient」を指定。
「border」を透過にし「border-image-slice: 1;」で境界線をグラデーションにしています

css グラデーション境界線見出し

関連パーツ