You only get one shot so shoot
With every breath you take you're dying
With every step we take we're falling apart
If we only had one chance we'd breathe
Let's take the chance right now and scream, you only live one life
Let's take the chance right now and scream, you only live one life

Estados de carga simples para botónes de Bootstrap

Éste es un lifehack de CSS que suelo utilizar en todos los proyectos de Bootstrap en los que trabajo (y en los que no utilizan Bootstrap también)

Leer más

.polka-container {
    width:280px;
    height: 480px;
}
.polka {
    width:150px;
    height:150px;
    background-image: radial-gradient(black 2px, transparent 2px);
    background-size: 6px 6px;
    position: relative;
    &.b{
        top: -60px;
        left: 70px;
        transform: rotate(14deg);
    }
    &.c{
        top: -80px;
        left: 100px;
        transform: rotate(45deg);
    }
    &.d{
        left: 130px;
        top: -120px;
    }
}

<div class="polka-container">
    <div class="polka a"></div>
    <div class="polka b"></div>
    <div class="polka c"></div>
    <div class="polka d"></div>
</div>