No notes defined.
<h1>Animation</h1>
<p class="intro">We've included some simple animation to page H1 headings and masthead images. These can be reused elsewhere if required simply by adding the following classes. </p>
<table>
<tr>
<th>.animate-slide-ltr</th>
<th>.animate-slide-fade</th>
<th>.animate-slide-rtl</th>
</tr>
<tr>
<td>
<div class="button animate-slide-ltr">Left to right</div>
</td>
<td>
<div class="button animate-fade">Fade</div>
</td>
<td>
<div class="button animate-slide-rtl">Right to left</div>
</td>
</tr>
</table>
<p>All animations are triggered only once the javascript has run, they are not js dependant but this is an attempt to stop them triggering before the page has finished rendering.</p>
<h1>Animation</h1>
<p class="intro">We've included some simple animation to page H1 headings and masthead images. These can be reused elsewhere if required simply by adding the following classes. </p>
<table>
<tr>
<th>.animate-slide-ltr</th>
<th>.animate-slide-fade</th>
<th>.animate-slide-rtl</th>
</tr>
<tr>
<td><div class="button animate-slide-ltr">Left to right</div></td>
<td><div class="button animate-fade">Fade</div></td>
<td><div class="button animate-slide-rtl">Right to left</div></td>
</tr>
</table>
<p>All animations are triggered only once the javascript has run, they are not js dependant but this is an attempt to stop them triggering before the page has finished rendering.</p>