Skip to content

Instantly share code, notes, and snippets.

@sebastiangeiger
Created February 17, 2014 17:00
Show Gist options
  • Save sebastiangeiger/9054547 to your computer and use it in GitHub Desktop.
Save sebastiangeiger/9054547 to your computer and use it in GitHub Desktop.
A Pen by Sebastian Geiger.
<div id="background-logo">
<div class="M">
<div class="left"></div>
<div class="right"></div>
<div class="base"></div>
</div>
<div class="dash"></div>
<div class="O"></div>
</div>
#background-logo {
background-color: red;
}
.M {
float:left;
}
.M .base {
background-color: #7d7d7d;
width: 100px;
height: 50px;
}
.M .right {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0 50px 100px;
border-color: transparent transparent #7d7d7d transparent;
}
.M .left {
width: 0px;
height: 0px;
border-style: solid;
border-width: 50px 0 0 100px;
border-color: transparent transparent transparent #7d7d7d;
float:left;
}
.dash {
width: 160px;
height: 10px;
background-color: #7d7d7d;
float: left;
margin-left: 35px;
margin-top: 50px;
margin-right: 35px;
}
.O {
float: left;
width: 100px;
height: 100px;
background-color: #7d7d7d;
border-radius: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment