Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1

Thread: CSS Transitions

  1. #1
    Regular Coder oldcrazylegs's Avatar
    Join Date
    Feb 2004
    East Moline Illinois USA
    Thanked 5 Times in 4 Posts

    CSS Transitions

    I wrote this page for people in my area to get the best weather information available on the web.


    My start page on my computer is almost exactly like that except it has a lot more stuff added to it that I would like to hide on the left side of the page.

    I have used position:absolute to hide menus just off screen with a 10px wide div with transparent background to use as a hover point to make them jump back on the screen so I can click on the links.

    But I want something a bit more cool. I want them to expand in from the edge of the screen using CSS Transitions to their full size and back again when I'm not hovering it any longer.

    I don't know what this is called so I don't know what to search Google for.

    Do you know of any existing examples for this?

    This the only example I have seen of that effect.


    But whatever content you put inside the DIV tag is displayed before the Div is fully extended to the right. This completely ruins the effect I'm looking for.

    I set the start font size to 0pt and 10pt on hover. But it is still displayed before the Div is extended.
    Last edited by oldcrazylegs; 05-07-2013 at 02:19 AM.


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts