New Animated Sidebar ProCSS Icons

Hey all!

I'm sharing here the code and sprites for a new animated sidebar ProCSS icons that u/hero0fwar made and has been using on r/HighQualityGifs. Check it out, they are pretty and catch the eye.

Sidebar:

[](https://www.reddit.com/r/ProCSS/)

Stylesheet:

.titlebox a[href="https://www.reddit.com/r/ProCSS/"] {
    display: inline-block;
    font-size: 0px !important;
    margin-left: 30px; /* Adjust space from left - 30px pretty much centers the "sidebar" icon */
    margin-top: 10px; /* Adjust space above icon */
    margin-bottom: -5px; /* Adjust space below icon */
    width: 235px;height: 87px;
    background: url(%%procsssprite%%) no-repeat;
    -webkit-animation: procss .5s steps(6) infinite;
    -moz-animation: procss .5s steps(6) infinite;
    -ms-animation: procss .5s steps(6) infinite;
    -o-animation: procss .5s steps(6) infinite;
    animation: procss .5s steps(6) infinite;
    text-indent: -9999px;
}
@-webkit-keyframes procss   {from { background-position: 0 0px; } to { background-position: 0 -522px; }}
@-moz-keyframes procss      {from { background-position: 0 0px; } to { background-position: 0 -522px; }}
@-ms-keyframes procss       {from { background-position: 0 0px; } to { background-position: 0 -522px; }}
@-o-keyframes procss        {from { background-position: 0 0px; } to { background-position: 0 -522px; }}
@keyframes procss           {from { background-position: 0 0; } to { background-position: 0 -522px; }}

Images

• Here's a album of sprites. On imgur the background makes some of them empty, but there's actually the logo if you open the images individually. There are white and black ones with different flame colors.

• http://imgur.com/a/IpWJv

Note that you need to rename the images procsssprite to match the snippet.

You can also adjust opacity (via CSS) or color (via any software) to better fit the color scheme of your theme!

---

NOTE: Here's a link to the original banners' thread

NOTE 2: Here are the original HD pics and svg

---

Cheers,

~ K4P

---

It looks like this