How to create div that can be dragged up to reveal content?

What is the best way to create this div?

  • this is the div i want to create http://img30.imageshack.us/img30/1264/box2ri.jpg in this case i have white background and i want to give little bit inner shadow effect on my div and rounded corner also. i usually create 10 divs warp, content, 4x bar, 4x corner with 6 img, when i creat rouned corner divs in this way i have to create 10 divs and long css for 1 box i want to get rid off this. can anyone help me with some css and short code to creat that div.

  • Answer:

    Use CSS border-radius property to acheive the rounded borders. Then use the box-shadow and/or -moz-box-shadow property to put the shadow in there. Add "inset" to the end. Look these up on the mozilla developer network for examples.

hamp at Yahoo! Answers Visit the source

Was this solution helpful to you?

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.