mozilla

Revision 317509 of LCSExample

  • Revision slug: User:groovecoder/LCSExample
  • Revision title: LCSExample
  • Revision id: 317509
  • Created:
  • Creator: groovecoder
  • Is current revision? No
  • Comment

Revision Content

<div id="rotate">This text will rotate indefinitely</div>
#rotate {
    display: inline-block;
    margin-top: 100px;

    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: rotate;
}

@keyframes rotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

Revision Source

<section id="sample2">
<div class="htab code">
  <ul>
    <li class="selected"><a href="#tab-body-1">HTML</a></li>
    <li><a href="#tab-body-2">CSS</a></li>
  </ul>
</div>
<div class="btab selected lang-html" id="tab-body-1">
  <pre class="brush: html">
&lt;div id="rotate"&gt;This text will rotate indefinitely&lt;/div&gt;
</pre>
</div>
<div class="btab lang-css" id="tab-body-2">
  <pre class="brush: css">
#rotate {
    display: inline-block;
    margin-top: 100px;

    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: rotate;
}

@keyframes rotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
</pre>
</div>
</section>
Revert to this revision