body {
    background: white;
    margin: 10px;
    text-align: center;
}
.robot {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 180px;
}
.robot:before, .robot:after {
    position: absolute;
    content: '';
    display: block;
    width: 5px;height: 5px;
}
/* ANIMATION */
.robot:before {
    -webkit-animation: before 1.0s steps(1) infinite;
    -moz-animation: before 1.0s steps(1) infinite;
    -o-animation: before 1.0s steps(1) infinite;
    animation: before 1.0s steps(1) infinite;
}
@-webkit-keyframes before { 0% { opacity: 1; } 50% { opacity: 0; }}
@-moz-keyframes before { 0% { opacity: 1; } 50% { opacity: 0; }}
@-o-keyframes before { 0% { opacity: 1; } 50% { opacity: 0; }}
@keyframes before { 0% { opacity: 1; } 50% { opacity: 0; }}
.robot:after {
    opacity: 0;
    -webkit-animation: after 1.0s steps(1) infinite;
    -moz-animation: after 1.0s steps(1) infinite;
    -o-animation: after 1.0s steps(1) infinite;
    animation: after 1.0s steps(1) infinite;
}
@-webkit-keyframes after { 0% { opacity: 0; } 50% { opacity: 1; } }
@-moz-keyframes after { 0% { opacity: 0; } 50% { opacity: 1; } }
@keyframes after { 0% { opacity: 0; } 50% { opacity: 1; } }
.robot:before {
    box-shadow:
        55px 0px 0 black,
        60px 0px 0 black,
        50px 5px 0 black,
        65px 5px 0 black,
        50px 10px 0 black,
        65px 10px 0 black,
        45px 15px 0 black,
        60px 15px 0 black,
        45px 20px 0 black,
        60px 20px 0 black,
        40px 25px 0 black,
        55px 25px 0 black,
        30px 30px 0 black,
        35px 30px 0 black,
        55px 30px 0 black,
        60px 30px 0 black,
        65px 30px 0 black,
        70px 30px 0 black,
        75px 30px 0 black,
        80px 30px 0 black,
        85px 30px 0 black,
        25px 35px 0 black,
        90px 35px 0 black,
        15px 40px 0 black,
        20px 40px 0 black,
        90px 40px 0 black,
        10px 45px 0 black,
        80px 45px 0 black,
        85px 45px 0 black,
        90px 45px 0 black,
        10px 50px 0 black,
        95px 50px 0 black,
        10px 55px 0 black,
        95px 55px 0 black,
        10px 60px 0 black,
        80px 60px 0 black,
        85px 60px 0 black,
        90px 60px 0 black,
        10px 65px 0 black,
        90px 65px 0 black,
        10px 70px 0 black,
        90px 70px 0 black,
        10px 75px 0 black,
        75px 75px 0 black,
        80px 75px 0 black,
        85px 75px 0 black,
        15px 80px 0 black,
        20px 80px 0 black,
        25px 80px 0 black,
        85px 80px 0 black,
        30px 85px 0 black,
        35px 85px 0 black,
        40px 85px 0 black,
        75px 85px 0 black,
        80px 85px 0 black,
        45px 90px 0 black,
        50px 90px 0 black,
        55px 90px 0 black,
        60px 90px 0 black,
        65px 90px 0 black,
        70px 90px 0 black
}
.robot:after {
    box-shadow:
        50px 20px 0 black,
        55px 20px 0 black,
        60px 20px 0 black,
        40px 25px 0 black,
        45px 25px 0 black,
        65px 25px 0 black,
        30px 30px 0 black,
        35px 30px 0 black,
        60px 30px 0 black,
        65px 30px 0 black,
        70px 30px 0 black,
        75px 30px 0 black,
        80px 30px 0 black,
        85px 30px 0 black,
        90px 30px 0 black,
        95px 30px 0 black,
        100px 30px 0 black,
        105px 30px 0 black,
        110px 30px 0 black,
        115px 30px 0 black,
        120px 30px 0 black,
        25px 35px 0 black,
        125px 35px 0 black,
        15px 40px 0 black,
        20px 40px 0 black,
        125px 40px 0 black,
        10px 45px 0 black,
        80px 45px 0 black,
        85px 45px 0 black,
        90px 45px 0 black,
        95px 45px 0 black,
        100px 45px 0 black,
        105px 45px 0 black,
        110px 45px 0 black,
        115px 45px 0 black,
        120px 45px 0 black,
        10px 50px 0 black,
        95px 50px 0 black,
        10px 55px 0 black,
        95px 55px 0 black,
        10px 60px 0 black,
        80px 60px 0 black,
        85px 60px 0 black,
        90px 60px 0 black,
        10px 65px 0 black,
        90px 65px 0 black,
        10px 70px 0 black,
        90px 70px 0 black,
        10px 75px 0 black,
        75px 75px 0 black,
        80px 75px 0 black,
        85px 75px 0 black,
        15px 80px 0 black,
        20px 80px 0 black,
        25px 80px 0 black,
        85px 80px 0 black,
        30px 85px 0 black,
        35px 85px 0 black,
        40px 85px 0 black,
        75px 85px 0 black,
        80px 85px 0 black,
        45px 90px 0 black,
        50px 90px 0 black,
        55px 90px 0 black,
        60px 90px 0 black,
        65px 90px 0 black,
        70px 90px 0 black
}