title: CSS animation does not work on iPhone/iOS12.2
body: <p>Below css animation works perfect on the old iOS versions.</p>
  
  <p>However, it does not work proper on newest version, iOS12.2.
  The animation starts and works when first visiting website. But after reloading browser, it does not start animation.</p>
  
  <p>Any solutions?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.button {
   display: block;
   width: 400px;
   height: 50px;
   background-color: gray;
   position: relative;
  }
  .button:before {
    position: absolute;
    left: -75%;
    width: 25px;
    height: 50px;
    content: '';
    display:block;
    background-color: white;
  
    -webkit-animation: shine 1.5s ease 0.5s infinite normal;
    animation: shine 1.5s ease 0.5s infinite normal;
  }
  
  @-webkit-keyframes shine {
    0% { left: -75%;}
    50%, 100% { left: 125%; }
  }
  
  @keyframes shine {
    0% { left: -75%; }
    50%, 100% { left: 125%; }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a class="button"&gt;Hello
  &lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>