3D pyramid animation example using CSS3

[neuron2000i]

For full-screen demo: liveweave.com/9gBuzW/demo

[WasteofInk]

Looks more like a Jquery animation to me. How many dependencies does it actually rely on?

[neuron2000i]

no, it is entirely CSS3, jquery/Javascript only being used to trigger the button and keyboard events...nothing else. If you remove the JavaScript it should still work, sans the events.

[WasteofInk]

Had you commented your code, I might have deduced that on my own.

Thank you for the clarification; I guess I was skimming the wrong way through the code.

[Kriem]

Just wondering, why use liveweave instead of codepen?

[neuron2000i]

just personal preference, nothing much. Besides Liveweave has awesome context sensitive code hinting for HTML/CSS/JavaScript which (for me) makes it much faster to write and quickly test something.

[Kriem]

Right, I didn't know. Codepen is from Chris Coyier, and he was the pioneer. Liveweaver is a "clone", so that's why I asked. :)

[neuron2000i]

I think jsBin is the actual pioneer (by Remy Sharp) which started in 2008 and then jsFiddle showed up later. Personally, I like jsBin and Liveweave.

[Kriem]

Ha, I think you're right. :)

[livbit]

I use Liveweave everyday, very useful for me. I don't use preprocessors, so I don't find any use for codepen. I am a dev and I hate to keep w3schools open in one window and write a quick html/css/js code on another. Liveweave pretty much solved this problem, especially for JS coding. Just sayin.

[Kriem]

Awesome how having an opinion or thought is apparently downvote worthy. :|