title: animated Gradient wont be shown on Smartphone
body: <p>my animated css gradient work perfect on Mac but not on my smartphone.</p>
  <p>Somebody knows why?</p>
  <pre><code>selector {
  display: inline-block;
  background: -webkit-linear-gradient(-45deg, rgb(175, 46, 201), rgb(175, 46, 201), rgb(64, 207, 207), rgb(64, 207, 207));
  background-size: 300%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 5vw;
  letter-spacing: -5px;
  text-transform: uppercase;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
  animation: animated_text 5s ease-in-out infinite;
  -moz-animation: animated_text 5s ease-in-out infinite;
  -webkit-animation: animated_text 5s ease-in-out infinite;
  </code></pre>
  <p>}</p>
  <pre><code>@keyframes animated_text {
  0% { background-position: 0px 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
  </code></pre>
  <p>}</p>