"Striped" gradient in Firefox?

Question

css

There is a gradient:

background: linear-gradient(to right, #131c27 0%, #412513 100%);

Chrome

Firefox

As you can see, in Firefox the gradient "streaks". Is there a way to remove the stripes and smooth out the gradient?

Answer 1

I think yes, register css for different browsers.

background: rgb(19,28,39); /* Все браузеры*/
background: -moz-linear-gradient(left,  rgba(19,28,39,1) 0%, rgba(65,37,19,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(19,28,39,1) 0%,rgba(65,37,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(19,28,39,1) 0%,rgba(65,37,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131c27', endColorstr='#412513',GradientType=1 ); /* IE6-9 */