Html :：after中的线性渐变背景与div中的相同

早上好， 我想有相同的背景，在标题，其中是线梯度

html，正文{margin:0；背景：#d8dfe9；}
标题{位置：相对；高度：90px；宽度：100%；背景：线性渐变（向右，#045FB4 0%，#00bff 100%）}
标题：在{content:''之后；位置：绝对；左侧：计算（50%-4.8px）；顶部：90px；宽度：0；高度：0；边框左侧：10px实心透明；边框右侧：10px实心透明；边框顶部：10px实心蓝色；清除：两者；z索引：1；}
主{位置：相对；溢出：自动；；高度：100vh；}
主#时间线{位置：相对；宽度：100%；高度：70px；背景：白色}

---

最简单的解决方案是使用

剪辑路径

html，
身体{
保证金：0；
背景#d8dfe9；
}
标题{
位置：相对位置；
高度：90px；
宽度：100%；
背景：线性梯度（向右，#045FB4 0%，#00BFFF 100%）；
-webkit剪辑路径：多边形（0%0%、100%0%、100%calc（100%-10px）、calc（50%+10px）calc（100%-10px）、50%100%、calc（50%-10px）calc（100%-10px）、0%calc（100%-10px））；
剪辑路径：多边形（0%0%、100%0%、100%calc（100%-10px）、calc（50%+10px）calc（100%-10px）、50%100%、calc（50%-10px）calc（100%-10px）、0%calc（100%-10px））；
}