Rotating forum icon when new posts
This is just a little CSS thing I use on one of my forum, to have a small animation when there are new posts in a forum.<br />
All is in global.css<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Start of the file</span><br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">@-webkit-keyframes rotation {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}</code></pre><br />
<span style="font-weight: bold;" class="mycode_b">class forum_on</span><br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">.forum_on {
color: #0094d1;
opacity: 1;
-webkit-animation: rotation 2s infinite linear;
}</code></pre>Nota: I use a fontawesome icon in my forumbit_depth2_forum but it works with pictures too. Didn't test with sprite.
This is just a little CSS thing I use on one of my forum, to have a small animation when there are new posts in a forum.<br />
All is in global.css<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Start of the file</span><br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">@-webkit-keyframes rotation {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}</code></pre><br />
<span style="font-weight: bold;" class="mycode_b">class forum_on</span><br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">.forum_on {
color: #0094d1;
opacity: 1;
-webkit-animation: rotation 2s infinite linear;
}</code></pre>Nota: I use a fontawesome icon in my forumbit_depth2_forum but it works with pictures too. Didn't test with sprite.