CodePen

HTML

            
              <div class="tinycop"></div>
            
          
!

CSS

            
              .tinycop{
font-size:5px; /* you can make a bigger tinycop from here */

position:absolute;
left:50%;
top:50%;
width:32em;
height:22em;
margin:-11em 0 0 -16em;}

.tinycop::before{
content:'';
display:block;
width:1em;
height:1em;
margin:-1em 0 0 -1em;
animation: fire 150ms steps(1) infinite;}

@keyframes fire {
0% {box-shadow:6em 1em #56b1ba,7em 1em #56b1ba,8em 1em #60bdcc,9em 1em #60bdcc,10em 1em #60bdcc,5em 2em #56b1ba,6em 2em #56b1ba,7em 2em #89dce5,8em 2em #89dce5,9em 2em #60bdcc,10em 2em #60bdcc,5em 3em #56b1ba,6em 3em #89dce5,7em 3em #60bdcc,8em 3em #60bdcc,9em 3em #60bdcc,10em 3em #89dce5,11em 3em #60bdcc,5em 4em #56b1ba,6em 4em #60bdcc,7em 4em #60bdcc,8em 4em #000000,9em 4em #000000,10em 4em #000000,11em 4em #000000,5em 5em #56b1ba,6em 5em #60bdcc,7em 5em #60bdcc,8em 5em #60bdcc,9em 5em #60bdcc,10em 5em #89dce5,11em 5em #60bdcc,5em 6em #2b4244,6em 6em #2b4244,7em 6em #2b4244,8em 6em #e2cc9a,9em 6em #e2cc9a,10em 6em #e2cc9a,11em 6em #e2cc9a,5em 7em #000000,6em 7em #36575b,7em 7em #36575b,8em 7em #f2ddaa,9em 7em #f2ddaa,10em 7em #f2ddaa,11em 7em #f2ddaa,5em 8em #000000,6em 8em #000000,7em 8em #36575b,8em 8em #36575b,9em 8em #36575b,10em 8em #36575b,11em 8em #36575b,4em 9em #3a97a0,5em 9em #3a97a0,6em 9em #3a97a0,7em 9em #3a97a0,8em 9em #2f7b7f,9em 9em #60bdcc,10em 9em #89dce5,11em 9em #60bdcc,28em 9em #ffec61,4em 10em #2f7b7f,5em 10em #2f7b7f,6em 10em #2f7b7f,7em 10em #2f7b7f,8em 10em #60bdcc,9em 10em #60bdcc,10em 10em #60bdcc,11em 10em #89dce5,12em 10em #60bdcc,17em 10em #000000,18em 10em #000000,19em 10em #204042,20em 10em #000000,21em 10em #000000,22em 10em #000000,23em 10em #000000,24em 10em #000000,25em 10em #36575b,27em 10em #ffca5f,28em 10em #ffca5f,29em 10em #ffec61,31em 10em #ffec61,32em 10em #ffca5f,3em 11em #1c5156,4em 11em #2f7b7f,5em 11em #3a97a0,6em 11em #3a97a0,7em 11em #338c91,8em 11em #56b1ba,9em 11em #89dce5,10em 11em #60bdcc,11em 11em #60bdcc,12em 11em #60bdcc,13em 11em #36575b,14em 11em #204042,15em 11em #36575b,16em 11em #204042,17em 11em #36575b,18em 11em #000000,19em 11em #000000,20em 11em #000000,21em 11em #000000,22em 11em #000000,23em 11em #204042,24em 11em #204042,25em 11em #204042,27em 11em #ffec61,28em 11em #ffca5f,30em 11em #ffec61,2em 12em #1c5156,3em 12em #1c5156,4em 12em #1c5156,5em 12em #338c91,6em 12em #3a97a0,7em 12em #3a97a0,8em 12em #338c91,9em 12em #56b1ba,10em 12em #56b1ba,11em 12em #60bdcc,12em 12em #60bdcc,13em 12em #36575b,14em 12em #36575b,15em 12em #36575b,16em 12em #36575b,17em 12em #36575b,18em 12em #000000,28em 12em #ffca5f,2em 13em #000000,3em 13em #000000,4em 13em #1c5156,5em 13em #3a97a0,6em 13em #338c91,7em 13em #338c91,8em 13em #3a97a0,9em 13em #2f7b7f,10em 13em #266868,11em 13em #56b1ba,12em 13em #56b1ba,13em 13em #204042,14em 13em #204042,16em 13em #000000,1em 14em #000000,2em 14em #000000,3em 14em #000000,5em 14em #000000,6em 14em #000000,7em 14em #000000,8em 14em #000000,9em 14em #000000,10em 14em #000000,11em 14em #000000,1em 15em #000000,2em 15em #000000,5em 15em #000000,6em 15em #204042,7em 15em #204042,8em 15em #204042,9em 15em #204042,10em 15em #204042,11em 15em #204042,1em 16em #000000,5em 16em #2f7b7f,6em 16em #60bdcc,7em 16em #60bdcc,8em 16em #60bdcc,9em 16em #60bdcc,10em 16em #89dce5,11em 16em #60bdcc,5em 17em #3a97a0,6em 17em #60bdcc,7em 17em #60bdcc,8em 17em #60bdcc,9em 17em #60bdcc,10em 17em #3a97a0,11em 17em #3a97a0,12em 17em #60bdcc,5em 18em #2f7b7f,6em 18em #3a97a0,9em 18em #56b1ba,10em 18em #60bdcc,11em 18em #3a97a0,12em 18em #60bdcc,5em 19em #2f7b7f,6em 19em #3a97a0,11em 19em #56b1ba,12em 19em #89dce5,5em 20em #2f7b7f,7em 20em #eeeeee,8em 20em #eeeeee,9em 20em #eeeeee,10em 20em #eeeeee,11em 20em #eeeeee,12em 20em #56b1ba,2em 21em #f6f6f6,3em 21em #e9e9e9,4em 21em #e9e9e9,5em 21em #2f7b7f,6em 21em #e9e9e9,7em 21em #e9e9e9,8em 21em #e9e9e9,9em 21em #e9e9e9,10em 21em #e9e9e9,11em 21em #e9e9e9,12em 21em #56b1ba,13em 21em #e9e9e9,14em 21em #e9e9e9,15em 21em #e9e9e9,16em 21em #e9e9e9,17em 21em #e9e9e9,18em 21em #f6f6f6,5em 22em #f6f6f6,6em 22em #eeeeee,7em 22em #eeeeee,8em 22em #eeeeee,9em 22em #eeeeee,10em 22em #eeeeee,11em 22em #eeeeee,12em 22em #e9e9e9,13em 22em #e9e9e9}
50% {box-shadow:6em 1em #56b1ba,7em 1em #56b1ba,8em 1em #60bdcc,9em 1em #60bdcc,10em 1em #60bdcc,5em 2em #56b1ba,6em 2em #56b1ba,7em 2em #89dce5,8em 2em #89dce5,9em 2em #60bdcc,10em 2em #60bdcc,5em 3em #56b1ba,6em 3em #89dce5,7em 3em #60bdcc,8em 3em #60bdcc,9em 3em #60bdcc,10em 3em #89dce5,11em 3em #60bdcc,5em 4em #56b1ba,6em 4em #60bdcc,7em 4em #60bdcc,8em 4em #000000,9em 4em #000000,10em 4em #000000,11em 4em #000000,5em 5em #56b1ba,6em 5em #60bdcc,7em 5em #60bdcc,8em 5em #60bdcc,9em 5em #60bdcc,10em 5em #89dce5,11em 5em #60bdcc,5em 6em #2b4244,6em 6em #2b4244,7em 6em #2b4244,8em 6em #e2cc9a,9em 6em #e2cc9a,10em 6em #e2cc9a,11em 6em #e2cc9a,5em 7em #000000,6em 7em #36575b,7em 7em #36575b,8em 7em #f2ddaa,9em 7em #f2ddaa,10em 7em #f2ddaa,11em 7em #f2ddaa,5em 8em #000000,6em 8em #000000,7em 8em #36575b,8em 8em #36575b,9em 8em #36575b,10em 8em #36575b,11em 8em #36575b,4em 9em #3a97a0,5em 9em #3a97a0,6em 9em #3a97a0,7em 9em #3a97a0,8em 9em #2f7b7f,9em 9em #60bdcc,10em 9em #89dce5,11em 9em #89dce5,12em 9em #60bdcc,4em 10em #2f7b7f,5em 10em #2f7b7f,6em 10em #2f7b7f,7em 10em #2f7b7f,8em 10em #60bdcc,9em 10em #60bdcc,10em 10em #60bdcc,11em 10em #60bdcc,12em 10em #89dce5,13em 10em #60bdcc,18em 10em #000000,19em 10em #000000,20em 10em #36575b,21em 10em #000000,22em 10em #000000,23em 10em #000000,24em 10em #000000,25em 10em #000000,26em 10em #36575b,3em 11em #1c5156,4em 11em #2f7b7f,5em 11em #3a97a0,6em 11em #3a97a0,7em 11em #338c91,8em 11em #56b1ba,9em 11em #89dce5,10em 11em #60bdcc,11em 11em #60bdcc,12em 11em #60bdcc,13em 11em #60bdcc,14em 11em #36575b,15em 11em #204042,16em 11em #36575b,17em 11em #204042,18em 11em #36575b,19em 11em #000000,20em 11em #000000,21em 11em #000000,22em 11em #000000,23em 11em #000000,24em 11em #204042,25em 11em #204042,26em 11em #204042,2em 12em #1c5156,3em 12em #1c5156,4em 12em #1c5156,5em 12em #338c91,6em 12em #3a97a0,7em 12em #3a97a0,8em 12em #338c91,9em 12em #56b1ba,10em 12em #56b1ba,11em 12em #56b1ba,12em 12em #60bdcc,13em 12em #60bdcc,14em 12em #36575b,15em 12em #36575b,16em 12em #36575b,17em 12em #36575b,18em 12em #36575b,19em 12em #000000,2em 13em #000000,3em 13em #000000,4em 13em #1c5156,5em 13em #3a97a0,6em 13em #338c91,7em 13em #338c91,8em 13em #3a97a0,9em 13em #2f7b7f,10em 13em #266868,11em 13em #000000,12em 13em #56b1ba,13em 13em #56b1ba,14em 13em #204042,15em 13em #204042,17em 13em #000000,1em 14em #000000,2em 14em #000000,3em 14em #000000,5em 14em #000000,6em 14em #000000,7em 14em #000000,8em 14em #000000,9em 14em #000000,10em 14em #000000,11em 14em #000000,1em 15em #000000,2em 15em #000000,5em 15em #000000,6em 15em #204042,7em 15em #204042,8em 15em #204042,9em 15em #204042,10em 15em #204042,11em 15em #204042,1em 16em #000000,5em 16em #2f7b7f,6em 16em #60bdcc,7em 16em #60bdcc,8em 16em #60bdcc,9em 16em #60bdcc,10em 16em #89dce5,11em 16em #60bdcc,5em 17em #3a97a0,6em 17em #60bdcc,7em 17em #60bdcc,8em 17em #60bdcc,9em 17em #60bdcc,10em 17em #3a97a0,11em 17em #3a97a0,12em 17em #60bdcc,5em 18em #2f7b7f,6em 18em #3a97a0,9em 18em #56b1ba,10em 18em #60bdcc,11em 18em #3a97a0,12em 18em #60bdcc,5em 19em #2f7b7f,6em 19em #3a97a0,11em 19em #56b1ba,12em 19em #89dce5,5em 20em #2f7b7f,7em 20em #eeeeee,8em 20em #eeeeee,9em 20em #eeeeee,10em 20em #eeeeee,11em 20em #eeeeee,12em 20em #56b1ba,2em 21em #f6f6f6,3em 21em #e9e9e9,4em 21em #e9e9e9,5em 21em #2f7b7f,6em 21em #e9e9e9,7em 21em #e9e9e9,8em 21em #e9e9e9,9em 21em #e9e9e9,10em 21em #e9e9e9,11em 21em #e9e9e9,12em 21em #56b1ba,13em 21em #e9e9e9,14em 21em #e9e9e9,15em 21em #e9e9e9,16em 21em #e9e9e9,17em 21em #e9e9e9,18em 21em #f6f6f6,5em 22em #f6f6f6,6em 22em #eeeeee,7em 22em #eeeeee,8em 22em #eeeeee,9em 22em #eeeeee,10em 22em #eeeeee,11em 22em #eeeeee,12em 22em #e9e9e9,13em 22em #e9e9e9}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              /*
Inspired by Alex's TinyCop dribbble
https://dribbble.com/shots/1503212-TinyCop
*/
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................