Skip to content

Instantly share code, notes, and snippets.

@jilljenn

jilljenn/lolcat.html

Last active August 29, 2015 14:05
Show Gist options
  • Save jilljenn/540d4f1e68613ef20cd8 to your computer and use it in GitHub Desktop.
Save jilljenn/540d4f1e68613ef20cd8 to your computer and use it in GitHub Desktop.
Download ZIP
Minimal CSS for lolcat pictures
Raw
lolcat.html
/* Example: https://twitter.com/jjvie/status/500613516492283904 */
<style>
body {
background: url('cat.jpg') no-repeat;
}
div {
position: absolute;
font-size: 42px;
font-family: Impact;
/* http://www.labnol.org/internet/favorites/create-lolcats-font-name-font-size/2735/ */
color: white;
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
/* http://stackoverflow.com/questions/4919076/outline-effect-to-text */
letter-spacing: 2px;
}
</style>
<body>
<div style="left: 200px; top: 150px">... Non ?</div>
<div style="left: 700px; top: 150px">C'est pas moi</div>
<div style="left: 150px; top: 350px">J'ai un alibi</div>
<div style="left: 650px; top: 350px">J'étais au cinéma</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment