CSSNERD

CSS at its best

Tag Archive for Demo

cross browser custom scrollbars with jQuery and CSS3 – replicating the fading scrollbars from OS X Lion or Mountain Lion

just another cross browser custom scrollbars Cross browser custom scrollbars Many people might ask themselves: “Why..?” Others might think: “That is soo ugly” or “Don’t change the systems’s native elements.” But let me explain We are living in a time where webapps have grown in popularity. Not only that but also has it gotten more and more important to customize…

Overlapping transparent divs with one border

Overlapping transparent divs I recently came upon a question on http://stackoverflow.com. A user asked if it was possible to have two transparent divs that overlap and force the overlapping section to have the same opacity. His example looked like this: <div id="foo"> <div id="bar"> </div> </div> #foo{ height:50px; width:250px; background:rgba(0, 0, 0, 0.6); position:absolute; left:150px; top:150px; color: #fff; padding:50px; }…