Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Here is a example using CSS3 @keyframes</p> <pre><code> .letterA{ animation:letterA 0.5s infinite; -webkit-animation:letterA 0.5s infinite; /* Safari and Chrome */ } @keyframes letterA{ from {color:red;} to {color:blue;} } @-webkit-keyframes LetterA /* Safari and Chrome */{ from {color:red;} to {color:blue;} } </code></pre> <h1><a href="http://jsfiddle.net/YnhwU/1" rel="nofollow">Working Demo</a></h1> <p>read up on css Animations for More Browser Compatibility Versions</p> <p>I still also agree that there may have been lack of research here, here is some links to google to help you out </p> <h1><a href="https://www.google.com/webhp?sourceid=chrome-instant&amp;ion=1&amp;ie=UTF-8#hl=en&amp;sclient=psy-ab&amp;q=CSS3%20Animations&amp;oq=&amp;gs_l=&amp;pbx=1&amp;fp=abd5fa99c5f6637f&amp;ion=1&amp;bav=on.2,or.r_qf.&amp;bvm=bv.46340616,d.d2k&amp;biw=1344&amp;bih=740" rel="nofollow">Link 1</a></h1> <h1><a href="https://www.google.com/webhp?sourceid=chrome-instant&amp;ion=1&amp;ie=UTF-8#hl=en&amp;gs_rn=12&amp;gs_ri=psy-ab&amp;suggest=p&amp;pq=css3%20animations&amp;cp=9&amp;gs_id=4v&amp;xhr=t&amp;q=css3%20@keyframes&amp;es_nrs=true&amp;pf=p&amp;sclient=psy-ab&amp;oq=CSS3%20@key&amp;gs_l=&amp;pbx=1&amp;bav=on.2,or.r_qf.&amp;bvm=bv.46340616,d.d2k&amp;fp=abd5fa99c5f6637f&amp;ion=1&amp;biw=1344&amp;bih=740" rel="nofollow">Link 2</a></h1> <h1><a href="https://www.google.com/webhp?sourceid=chrome-instant&amp;ion=1&amp;ie=UTF-8#hl=en&amp;gs_rn=12&amp;gs_ri=psy-ab&amp;suggest=p&amp;pq=css3%20@keyframes&amp;cp=7&amp;gs_id=5o&amp;xhr=t&amp;q=css3%20transition&amp;es_nrs=true&amp;pf=p&amp;sclient=psy-ab&amp;oq=css3%20tr&amp;gs_l=&amp;pbx=1&amp;bav=on.2,or.r_qf.&amp;bvm=bv.46340616,d.d2k&amp;fp=abd5fa99c5f6637f&amp;ion=1&amp;biw=1344&amp;bih=740" rel="nofollow">Link 3</a></h1>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload