Tabbed view with challenging CSS
I need to implement the tabbed view in the attached screenshot. The thing that's hanging me up is how to do the shadow effect. The current design, which is being replaced by this one, has a shadow around the tabs and the tab content that I implemented with the drop-shadow filter (the tabs are actually contained within the content div, and positioned so that they stick up above the div). But the new design only has a shadow around the current tab. Other tabs just appear as text. So I need to figure out how to make only the active tab appear to be an extension of the div beneath it, and have a continuous shadow around both elements, while the inactive tabs appear as simple links that are detached from the div. Any ideas?
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
