Hi! I'm Johannes Dachsel, a web designer and developer based near Heidelberg, Germany. This is my personal website. Get in touch

Johannes Dachsel

100 Buttons 010


button{
    outline: none;
    cursor: pointer;
    display: block;
    text-align: left;
    border: 1px solid #000;
    padding: .75em 2em;
    color: #000;
    background-color: #FFF;
    font-family: monospace;
    font-size: 18px;
    line-height: 1;
    transition: all .1s ease;
    box-shadow: 3px 3px 0 #000000, 
                6px 6px 0 #dd2c14, 
                9px 9px 0 #ffe600;
}

button:focus,
button:hover{
    background-color: #000;
    color: #FFF;
}

button:active{
    box-shadow: none;
    margin-top: 9px;
    margin-left: 9px;
}