Responsive Multi-Level Menu Space-saving drop-down menu with subtle effects

Demo 1 Demo 2 Demo 3 Demo 4 Demo 5

The is the reverse of demo 4: the submenu in this demo will scale down from the front while the current level scales down and fades out.

• Fashion
  • back
  • Men
    • back
    • Shirts
    • Jackets
    • Chinos & Trousers
    • Jeans
    • T-Shirts
    • Underwear
  • Women
    • back
    • Jackets
    • Knits
    • Jeans
    • Dresses
    • Blouses
    • T-Shirts
    • Underwear
  • Children
    • back
    • Boys
    • Girls
• Electronics
  • back
  • Camera & Photo
  • TV & Home Cinema
  • Phones
  • PC & Video Games
• Furniture
  • back
  • Living Room
    • back
    • Sofas & Loveseats
    • Coffee & Accent Tables
    • Chairs & Recliners
    • Bookshelves
  • Bedroom
    • back
    • Beds
      • back
      • Upholstered Beds
      • Divans
      • Metal Beds
      • Storage Beds
      • Wooden Beds
      • Children's Beds
    • Bedroom Sets
    • Chests & Dressers
  • Home Office
  • Dining & Bar
  • Patio
• Jewelry & Watches
  • back
  • Fine Jewelry
  • Fashion Jewelry
  • Watches
  • Wedding Jewelry
    • back
    • Engagement Rings
    • Bridal Sets
    • Women's Wedding Bands
    • Men's Wedding Bands

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Modal Dialog

This is a modal window. You can do the following things with it:

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal.

Previous Demo Back to the Codrops Article

Nifty Modal Window Effects Some inspiration for different modal window appearances

There are many possibilities for modal overlays to appear. Here are some modern ways of showing them using CSS transitions and animations.