empireCMS logo 2

by gk

HTML

&nbsp;&nbsp;&nbsp;<!-- demo spacing -->

<a class="logo" href="#">empireCMS</a>

CSS

a.logo {
    box-shadow: -8px 8px 0px #C1DDF3;
    color:#fff;
    background-color:#D75056;
    display: inline-block;
    font-family: sans-serif;
    font-size: 2em;
    line-height: 1.8em;
    margin: 0px 1em 0px 0px;
    padding: 0px 0.6em;
    text-decoration: none;
    transition: all 400ms ease 0s;
}
a.logo:hover {
    background-color:#CB2027;
    box-shadow: -8px 8px 0px #f0f0f0;
    color:#f0f0f0;
}