CSS - 将渐变应用于倾斜的身体

时间:2017-04-02 12:18:47

标签: html css

是否可以仅使用CSS将垂直线性渐变应用于html标签主体的结果形状? enter image description here

非常感谢您提前...

1 个答案:

答案 0 :(得分:2)



    .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>
&#13;
&#13;
&#13;

选中此工具,它会对您有所帮助:http://www.cssmatic.com/gradient-generator#