css 射线实现方法

一个斜的四边形

.top_ad_out::before {
  1. content: '';
  2. position: absolute;
  3. z-index: -1;
  4.  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;
}
原文地址:https://www.cnblogs.com/yanyd/p/5425598.html