Question

The gradient is not displayed on iOS

  • 9 October 2021
  • 0 replies
  • 6 views

I added the following CSS code to my title module to have a gradient. It works fine on desktop but not on iOS.

 

#gradient-text {
background-image: linear-gradient(to bottom, #2ee5d8, #00d1e7, #00baf2, #00a0f3, #2e82e5);
background-clip: text;
-webkit-background-clip: text;
}

 

I also tried with this code :

 

h1 {
font-size: 96px;
background: linear-gradient(147deg, rgba(249,15,216,1) 0%, rgba(245,67,119,1) 26%, rgba(252,28,28,1) 50%, rgba(255,195,13,1) 75%, rgba(114,251,89,1) 100%);
background-size: cover;
background-clip: text;
-webkit-background-clip: text;
color: transparent;

}



Do you know how to solve this problem?

 


 


0 replies

Be the first to reply!

Reply