user profile image

Renders best in Chrome.

This technique does work in Firefox, but text stroke is not supported.


  1. This is insane, nice work man :)

  2. Amazing work! Love it

  3. Agree with everyone. Amazing work!

  4. Gnarly!

  5. +1 for the animation names

  6. @keyframes ಠ_ಠ

  7. simply beautifull, dude, congrats and thank you.

  8. This is so amazing! Can you tell me how or where i can learn that CSS style? Thanks for sharing

  9. 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

  10. @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.

  11. real nice!

  12. Amazing!!!

  13. Very good sense of style

  14. 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.

  15. "@keyframes ಠ_ಠ " - LOL

  16. How can I change the text?

  17. @KnifeBoss

    .layer:after {
    content: 'Pure\A    css!';

    In the content property. \A will give you a line break.

  18. Hello! Noah,

    Nice & Cool....!
    Th@nk you very much, for sharing....

    All the best,

  19. As a huuuuuge fan of typography, that is just so completely cool!!!!! I'm forking excited!

  20. 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.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.