1

Below is the code.Gradient not working in safari after using webkits also.

.gradientText{
  background: -webkit-linear-gradient(#862AA5, #CE3E81);
  background: -moz-linear-gradient(#862AA5, #CE3E81);
  background: -webkit-gradient(#862AA5, #CE3E81);
  background: -o-linear-gradient(#862AA5, #CE3E81);
  background:  -ms-linear-gradient(#862AA5, #CE3E81);
  background: linear-gradient(#862AA5, #CE3E81);
  //-webkit-mask-image: linear-gradient(#862AA5, #CE3E81);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  //border: 3px solid #fff;
 
}
<p class='gradientText'>text
</p>
Domnic Sibley
  • 19
  • 3
  • 1
    Does this answer your question? [Safari doesn't render css gradient text](https://stackoverflow.com/questions/32084460/safari-doesnt-render-css-gradient-text) – Pushparaj Mar 12 '21 at 15:37
  • 1
    use display:block; instead of flex. https://stackoverflow.com/questions/32084460/safari-doesnt-render-css-gradient-text – Pushparaj Mar 12 '21 at 15:38

0 Answers0