 <p>No using javascript means you want to do this in pure CSS. It could be difficult to get the exact result that you want, although you can find effects close to what you need : <a href="http://jsfiddle.net/dt5uuty1/" rel="nofollow">See here</a>. </p> <p>If you are ok with using javascript, <a href="http://jsfiddle.net/M9S8P/" rel="nofollow">this</a> is what you're looking for (note that jquery was included, this is a javascript library that simplifies its use. You can easily include it in an html page by putting <code>&lt;script src="https://code.jquery.com/jquery-2.1.1.min.js"&gt;&lt;/script&gt;</code> in your <code>&lt;head&gt;</code></p> <p>Hope that helps!</p> <p>Sources: <a href="http://stackoverflow.com/questions/23985018/simple-css-animation-loop-fading-in-out-loading-text">Simple CSS Animation Loop – Fading In &amp; Out &quot;Loading&quot; Text</a> and <a href="http://stackoverflow.com/questions/14474566/how-to-make-this-jquery-animation-code-loop-forever">How to make this jQuery animation code loop forever?</a></p>