The gradient is not displayed on iOS

  • 9 October 2021
  • 0 replies

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!