How to use css to make such a gradient? enter image description here

    2 answers 2

    Use a linear gradient and filter to not:

    div { height: 100px; background: linear-gradient(135deg, rgba(6, 201, 178, 1) 0%, rgba(6, 201, 178, 1) 25%, rgba(80, 211, 211, 1) 25%, rgba(80, 211, 211, 1) 50%, rgba(132, 221, 230, 1) 50%, rgba(132, 221, 230, 1) 75%, rgba(169, 227, 245, 1) 75%, rgba(169, 227, 245, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06c9b2', endColorstr='#a9e3f5', GradientType=1); } 
     <div></div>

      Here it is to insert into the class gradient css. Colors can be changed.

        background: linear-gradient(135deg, #26c1a5 24%,#24e5d8 25%,#27cecb 49%,#00b0ba 50%,#27cecb 76%,#2ce8db 77%,#3498e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26c1a5', endColorstr='#3498e5',GradientType=1 );