Renders best in Chrome.
This technique does work in Firefox, but text stroke is not supported.
This is insane, nice work man :)
Amazing work! Love it
Love it !
Agree with everyone. Amazing work!
+1 for the animation names
@keyframes ಠ_ಠ <--love this !
simply beautifull, dude, congrats and thank you.
This is so amazing! Can you tell me how or where i can learn that CSS style? Thanks for sharing
That's really gorgeous!
Is there a way to make it looks nice on Retina displays too?
I tried it with Chrome and it was beautiful on standard display, but on a retina screen I got this: http://imgur.com/FqkAntx
@jbilcke: Thanks for the comment! I'm thinking this is related to a strange rendering of text stroke when the font is very large. If you increased the size of this text to 250px or so, you'd probably see the same bug in Chrome on a standard display. That said, the way to fix is to either remove the text stroke or decrease the font size.
Very good sense of style
Ah, it's beautiful but doesn't work on Apple Safari. I recommend you add Lea Verou's prefix_min (source: //cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js) into the head of your pen.
"@keyframes ಠ_ಠ " - LOL
How can I change the text?
content: 'Pure\A css!';
In the content property. \A will give you a line break.
Need to know how to enable it? Go here.