Text overlapping two-coloured background in CSS
See this, it’s a proof of something I have wanted to try for a long while. I am sure this has been done before, but I have not seen it, and this is completely my own take on it. I do believe it can be improved, and if that is the case, please help a fellow out. Here’s the code for one of the uppermost black row:
* {
margin: 0;
padding: 0
}
html {
padding: 5em;
font-family: Georgia, serif
}
h2 {
font-weight: normal;
line-height: 25%;
padding: .75em .5em 0 .5em;
font-size: 1.5em;
}
.colonthree {
background: #333333;
border-bottom: 1em solid #000000;
color: #ffffff;
}
.colonthree span {
color: #cccc99;
font-style: italic
}The whole CSS is available too! Be aware that this only works for one line of text!
Entries
