cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

Say, who doesn’t love finding creative new ways to use emojis? How about a moving emoji train in a mini CSS world!

Not supported in IE.

Comments

  1. This is bonkers! I love it.

  2. I'm absolutely amazed :0 Definitely sold me on getting into CSS :)

  3. Jesus dude! Very impressive, this must've taken forever.

  4. Omg. I Love this! This is super awesome !!!! Where did you learn how to do this? Any pointers?

  5. This is so amazing!

  6. this is absolutely incredible, your css is so so tidy too!

  7. @ideaguy3d Well, there are lots of tutorials on how to create a CSS cube. From that point I experimented with a cube’s styles until I could come up with a Sass mixin for creating and placing rectangular solids relative to a main surface element pretty quickly. Then I got the idea to create 3D worlds like this one!

  8. Freezing my wooden PC, but awesome!

  9. This is delightful! Thanks for making!!

  10. I'd want to know, what train of thought produced this idea, it's so cool!

  11. This is freaking sexy... kudos

  12. @torcode lol, that pun (and made me think of Inside Out). Anyway, I was just thinking of ways to use emojis I don’t see used very often, and this was one.

  13. That. Is. Awesome!

  14. Wow, this is pretty cool to make such complicated animation with css only!

  15. That's incredible!

  16. I was blown away Sir!

  17. This cool. I like it. Conduct freighters in one of our many free online train games. Play free online Train Games at http://playtraingame.net/

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

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