LCSExample

  • Revision slug: User:groovecoder/LCSExample
  • Revision title: LCSExample
  • Revision id: 483211
  • Created:
  • Creator: groovecoder
  • Is current revision? No
  • Comment Editorial reviewMoved From Admin:groovecoder/LCSExample to User:groovecoder/LCSExample

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="sect1">
  <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>
<p>&nbsp;</p>
Revert to this revision