Grow your CSS skills. Land your dream job.

Translucent “how to use” layer

  • # June 25, 2013 at 8:56 am

    Hi guys, i’m wondering how can I create a translucent/transparent layer that “teaches” the user how to use certain page? and when you make a click anywhere, it just disappears. You know the one that has arrows pointing the options inside the page telling the user basically how to do everything.
    Does anybody have an idea?
    Thanks!

    # June 25, 2013 at 8:59 am

    You’ll have to place a DIV over the actual page — so you’re going to have to position it absolutely. The actual page, or the contents that you want to cover, also needs to be positioned absolutely, but with a lower Z-index.

    To make it disappear on click, a jQuery call would be best.

    # June 25, 2013 at 11:37 am

    Thanks @Senff… its a good way to start, have you seen any live samples?

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".