Streaming live at 10am (PST)

Dimming screen beneath menus/dropdowns



Two questions:

  1. I have a drop down menu that I would like to dim the rest of the screen below when it is clicked on. How can I do that?

  2. How do I add easing to a dropdown's open and close click (basically to animate the dropdown list up and down)?



You can do this with an interaction. First make a fixed full size div with the darkened overlayn and make it display:none. Then you want to make sure the dropdown is set to a higher z index then the overlay. Then create an interaction on the dropdown to show/hide the overlay. Because you set the dropdown to be over the overlay, it should dim everything else.
For your other question, this page may help

Hope that helps!


This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.