http://www.isaackeyet.com/blog/2007/pure-css-animated-menu/ Design, and more Wed, 19 May 2010 14:40:43 +0000 http://wordpress.org/?v=2.9.1 hourly 1 http://www.isaackeyet.com/blog/2007/pure-css-animated-menu/comment-page-1/#comment-10914 Sujitkumar Patil Thu, 24 Sep 2009 05:58:24 +0000 http://www.isaackeyet.com/blog/2007/pure-css-animated-menu/#comment-10914 Cool menu Cool menu

]]> http://www.isaackeyet.com/blog/2007/pure-css-animated-menu/comment-page-1/#comment-8630 Seabert Wed, 24 Jun 2009 14:51:53 +0000 http://www.isaackeyet.com/blog/2007/pure-css-animated-menu/#comment-8630 Try this: nest 30 divs, name them like id=frame01 etc. ,display: none (except the first one) , position them on top of eachother (absolute works best), css: #frame01:hover #frame02 display:block. repeat: #frame02 > #frame03 etc. Here's the mojo: alternate position left: 0 to -.01px and back, works only in firefox I'm afraid, maybe in the future? With this, noscript doesn't matter :) I'll send a mad example to ya! Used correctly this can steal some animation from javascript.. And you can always add :active to let the user bypass the animation? Try this: nest 30 divs, name them like id=frame01 etc. ,display: none (except the first one) , position them on top of eachother (absolute works best), css: #frame01:hover #frame02 display:block.
repeat: #frame02 > #frame03 etc. Here's the mojo: alternate position left: 0 to -.01px and back,
works only in firefox I'm afraid, maybe in the future? With this, noscript doesn't matter
I'll send a mad example to ya! Used correctly this can steal some animation from javascript..
And you can always add :active to let the user bypass the animation?

]]> http://www.isaackeyet.com/blog/2007/pure-css-animated-menu/comment-page-1/#comment-6748 joymaia Mon, 27 Apr 2009 06:22:54 +0000 http://www.isaackeyet.com/blog/2007/pure-css-animated-menu/#comment-6748 they dont work on IE they dont work on IE

]]>