三角形渐变

hewei

2020-04-13 d053ba4148dd513b3bb7f53369b24fb2eac61287

三角形渐变

 src/components/FiveSidesLine.vue

@@ -15,5 +15,9 @@
    display: inline-block;
    background-image: linear-gradient(rgba(197,212,236, 0), rgba(197,212,236, 1));
    line-height: 0.8rem;
    -webkit-mask: linear-gradient(225deg, transparent 50%, #fff 50%),
                  linear-gradient(-45deg, transparent 50%, #fff 50%); 
    -webkit-mask-position-y: 0.4rem;
    padding-right: 1rem;
}
</style>