Skip to content

Instantly share code, notes, and snippets.

@mablae
Created August 5, 2012 04:45
Show Gist options
  • Save mablae/3261733 to your computer and use it in GitHub Desktop.
Save mablae/3261733 to your computer and use it in GitHub Desktop.
Untitled
h1 {
margin-top: 50px;
line-height: 45px;
position: relative;
display: block;
text-align: center;
}
h1::before {
content: "";
display: block;
background-color: #ccc;
top: 22px;
line-height: 45px;
z-index: -10;
width: 100%;
height: 2px;
position: absolute;
}
h1::after {
content: "";
display: block;
background-color: #f0f0f0;
width: 33%;
height: 45px;
top: 0px;
z-index: -5;
margin-left: 33%;
position: absolute;
border-radius: 50px 150px / 150px 50px;
box-shadow: 0px 6px 10px -5px rgba(0,0,0,0.5);
}
<h1>LED-SUM Litepod</h1>
<h1>LED-SUM Litepod</h1>
<h1>LED-SUM Litepod</h1>
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment