Hello and welcome to our community! Is this your first visit?
Register
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
    Location
    East Moline Illinois USA
    Posts
    414
    Thanks
    4
    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.

    http://dwight.byethost31.com/qcweather.htm

    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.

    http://www.w3schools.com/cssref/tryi...ss3_transition

    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
  •