cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen
user profile image

Image courtesy NASA JPL.

Comments

  1. OMG. This rocks. <3

  2. This is very cool!

  3. Brilliant :)

  4. Wow,, this is unbelievable,, but do not get it how this stuff work at all :)

  5. @mkdizajn play with the image on .wall and the perspective value on .scene -- should make a bit more sense.

  6. best pen I've seen yet. great job.

  7. Amazing ppl, amazing technology and great minds! This is the power of human kind imagination! Thank you Noah for sharing...

  8. Man thats awesome! I looked in code and would never came into this by myself! Gratz

  9. I cannot express the level of awesomeness of this pen!

  10. Wow. Wow wow wow. Well done, Noah.

  11. I wanna kill myself !!!!!!!

  12. @og2t Awesome - great idea!

  13. everyone says it's awesome but I don't get it?

  14. Don't stare at this one too long :) http://codepen.io/Daniel-Hug/pen/FbAru It uses the stairs CSS3 Pattern gradient from Lea Verou: http://lea.verou.me/css3patterns/#stairs

  15. Dan Gries @RectangleWorld on

    Wooooaaahhh!!!!!! I'm flying!!!!! Very cool.

  16. Cool! Firefox support?

  17. @zenodub Thx! I fixed the positioning error in Firefox. Any slowness and glitches are related to the fact that Firefox doesnt handle opacity animation very well I believe - would love someone to prove me wrong though.

  18. @noahblon - thanks great work!

  19. Looks cool with a more subtle image :) http://codepen.io/cam/details/eCLpg

  20. Looks pretty cool. But I wonder why this isn't working when I try it with the downloaded files.

  21. @Deathwatch85: I used the prefix-free plugin to keep the code clean without the necesarry browser prefixes needed to make this work. A prefixed version without dependencies is available here: http://codepen.io/noahblon/pen/df31a2bba32b7c347e57e2eb1c252d0d

  22. @noahblon Thanks for the help. It works now in Chrome.

  23. I feel like there should be some Dr. Who music playing with this...

  24. Smashing magazine discover your pen (1 year later :P) Smashingmazine post

  25. Hi ! Is it possible to add a cliquable (web adress) png little image at the center of this wrap? If so, how and where in the code? Thanks a lot to answer me.

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

You must be logged in to comment.
Loading...
Loading...