如何在css中使用一种颜色绘制半对角线，使用另一种颜色绘制另一半对角线

我将引导与css和java脚本结合使用。 我真的很难在css中绘制这个背景而不影响前面的代码。在许多问题中，人们将宽度和高度设置为0%。但是由于我的导航栏，我不能使用这种样式设置方法。我很想知道如何在透明的视图中将我的徽标作为我的品牌名称。下图清楚地显示了我正在尝试做的事情：

只需使用：

.header{
高度：80px；
背景：线性渐变（左下角，蓝色49%，透明51%）；
}

---

希望您至少尝试自己编写代码。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果仍然有问题，请返回代码并解释您尝试了什么。