Home/ Questions/Q 8341133
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T05:22:50+00:00

.gradient { background: -moz-radial-gradient(right bottom , circle farthest-corner, #CDCFD1 20%, #696C71 70%) repeat scroll

  • 0
.gradient {
background: -moz-radial-gradient(right bottom , circle farthest-corner, #CDCFD1 20%,     #696C71 70%) repeat scroll 0 0 transparent;

I want to take that rule and apply it to all of the browsers that support a linear gradient. Could someone tell me what the code would look like in order to support the above radial gradient in all other browser that support it, i.e. chrome, internet explorer, safari etc.

Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    you cannot make the gradient compatible with all browsers in a single line of code..you have to add more compatible lines for different browsers..try this..

    background: rgb(105,108,113); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(105,108,113,1) 30%, rgba(205,207,209,1) 81%, rgba(205,207,209,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(30%,rgba(105,108,113,1)), color-stop(81%,rgba(205,207,209,1)), color-stop(100%,rgba(205,207,209,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(105,108,113,1) 30%,rgba(205,207,209,1) 81%,rgba(205,207,209,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(105,108,113,1) 30%,rgba(205,207,209,1) 81%,rgba(205,207,209,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(105,108,113,1) 30%,rgba(205,207,209,1) 81%,rgba(205,207,209,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(105,108,113,1) 30%,rgba(205,207,209,1) 81%,rgba(205,207,209,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696c71', endColorstr='#cdcfd1',GradientType=1 ); /* IE6-9 */
    • 0