巧妙解决可视化大屏界面遮罩问题

可视化大屏按照ui图还原实现后，突然又遇到要给左右模块加一个遮罩。且还要包含一些absolute布局的地方。 一开始按照传统思维修改dom结构等，在时间很短的时间下发现代码被修改的比较乱。果断放弃。 今天突然发现一个很好用的css属性一行代码就可以很巧妙的解决这个问题：

background-image: linear-gradient(to right, #E94E65 10%, transparent, transparent 60%, #1574A8);