我正在尝试设计一个带有多个css颜色的标题.只有颜色

我试图制作一个看起来有点像上图的标题.

我想添加不同深浅的绿色形状.(图像是在油漆中修改过的.)

我玩过我能在互联网上找到的东西并最终得到了这个:

.container 
    position: relative
    width: 100%
    min-height: 100vh
    margin: 0 auto
    overflow: hidden
    background-color: green
    &::after 
        content: ''
        position: absolute
        background-color: #6fbc29
        padding-bottom: 124.42136%
        width: 100%
        bottom: 0
        left: 0
        transform: rotate(80deg) 
        transform-origin: left bottom

https://codepen.io/anon/pen/rGXQaw

我不想添加图像作为背景.我无法弄清楚如何为此代码添加更多形状.还有其他方法我应该尝试撰写吗？

有人可以帮忙吗？