Comments on Animated 3D Flipping Menu with CSS Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. 2012-12-20T13:43:50Z http://davidwalsh.name/3d-menu/feed/atom WordPress By: David Walsh David Walsh http://davidwalsh.name http://davidwalsh.name/?p=5621#comment-40469 2012-11-28T21:25:59Z 2012-11-28T21:25:59Z Credit is provided….

]]> By: Jesus Jesus http://davidwalsh.name/?p=5621#comment-40468 2012-11-28T20:09:47Z 2012-11-28T20:09:47Z @Tom Schuermans.

It looks exactly like that one.

]]> By: Tom Schuermans Tom Schuermans http://www.inventis.be http://davidwalsh.name/?p=5621#comment-40453 2012-11-28T14:15:37Z 2012-11-28T14:15:37Z Looks a lot like the http://www.pukkelpop.be menu

]]> By: Beben Koben Beben Koben http://beben-koben.blogspot.com/2012/11/animated-rolling-3d-effect-css-3.html http://davidwalsh.name/?p=5621#comment-40424 2012-11-27T16:22:15Z 2012-11-27T16:22:15Z similar like this
http://hakim.se/thoughts/rolling-links

]]> By: Chinwag Chinwag http://davidwalsh.name/?p=5621#comment-40415 2012-11-27T10:44:29Z 2012-11-27T10:44:29Z Very clever code, no need for specific images!

Similar to the menu by the great Soh Tanaka.

Great job.

]]> By: David Walsh David Walsh http://davidwalsh.name http://davidwalsh.name/?p=5621#comment-40344 2012-11-26T16:11:09Z 2012-11-26T16:11:09Z Only Firefox animates generated content at the moment, so this is the “safer” approach.

]]> By: browniefed browniefed http://tutorials.browniefed.com http://davidwalsh.name/?p=5621#comment-40340 2012-11-26T16:04:48Z 2012-11-26T16:04:48Z This is a good approach but can be achieved even better using pseudo-elements, just like Webdesign Depot does for external links.
You have a single span inside with a data-title attribute, and then set the content of the css pseudo element using attr(data-title). Rotate the pseudo element -90deg, then on hover you rotate the span 90deg thus exposing the pseudo element that was rotate -90deg, creating a rotating effect.

]]>