Skip to content

Instantly share code, notes, and snippets.

@sa1f
Created July 13, 2012 09:54
Show Gist options
  • Select an option

  • Save sa1f/3103995 to your computer and use it in GitHub Desktop.

Select an option

Save sa1f/3103995 to your computer and use it in GitHub Desktop.
Green bitmap
/**
Green bitmap */
body{
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFUlEQVQIW2Pk4uL6z4AGGIF8agsCADOeBR+WDLDtAAAAAElFTkSuQmCC);
min-height: 100%; }
#logo {
color: lime;
font: 15em ProggyCleanTT CE ;
text-align: center;
-webkit-font-smoothing:none;}
#logo {
color:#7FFF00;
background:
}
.i {
margin-left: -.12em;
}
.f {
margin-left: -.19em;
}
#logo {
margin-top: .5em;
}
span {
text-shadow: 0 0 25px green, 0 0 400px lime;
}
#j {
color: lime;
width: 500px;
margin: auto;
border-radius: 24px;
}
#j:after {
content:"##########################################" "##########################################";
color: lime;
display:block;
overflow:hidden;
}
#j img {
border: 6px dashed lime;
margin: 1em auto;
}
<body>
<div id='logo'>
<span>S</span><span>a</span><span class='i'>i</span><span class='f'>f</span>
</div>
<div id='j'>
Saif is the best
<img src='http://s3.amazonaws.com/hakim-static/portfolio/images/sphere-revisited.jpg'
<img src='http://s3.amazonaws.com/hakim-static/portfolio/images/domtree.jpg'>
</div>
</body>
{"view":"split","fontsize":"100","seethrough":"1","prefixfree":"1","page":"result"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment