html - CSS - 将渐变应用于倾斜的 body

Question

是否可以仅使用 CSS 将垂直线性渐变应用于 html 标签体的结果形状？

非常感谢您..

Answer 1

    .grad2 {
        height: 100px;
        background: linear-gradient(135deg, rgba(18,18,18,1) 0%, rgba(28,28,28,1) 9%, rgba(43,43,43,1) 24%, rgba(18,18,18,1) 40%, rgba(0,0,0,1) 49%, rgba(43,43,43,1) 50%, rgba(71,71,71,1) 61%, rgba(102,102,102,1) 75%, rgba(89,89,89,1) 88%, rgba(77,77,77,1) 100%);
    }

    <div class="grad2"></div>

检查这个工具，它会对你有很大帮助:http://www.cssmatic.com/gradient-generator#