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.
Nice & Cool....!
Th@nk you very much, for sharing....
All the best,
As a huuuuuge fan of typography, that is just so completely cool!!!!! I'm forking excited!
THX Noah. It's amazing work! But I have one problem. In Firefox and Chrome, the animation is displayed correctly but in IE I have problems. The movement is not about 150 degrees but only 60 and the text is not 3D, only 2D. Please help me what can I do that IE display the animation correctly?
Thank you and best regards.
Need to know how to enable it? Go here.