css 射线实现方法

 

一个斜的四边形

.top_ad_out::before {

1. content: '';
2. position: absolute;
3. z-index: -1;
4. width: 336px;
5. height: 250px;
6. margin-top: 67px;
7. margin-left: -4px;
8. background: linear-gradient(to bottom, #fff, #cad5eb);
9.  
   -ms-transform: skewX(20deg);
10. transform: skewX(20deg);
11.  
    -ms-transform-origin: right bottom;
12. transform-origin: right bottom;

}