border


CSS3 Comic Characters – CSS3 Mickey Mouse, Goofy

CSS3 Comic Characters – CSS3 Mickey Mouse, Goofy

Why did I make a CSS3 Mickey Mouse? I just started with web development and had the luck to get a internship space with a really crazy teamleader. At first we did some basic webpages but in the 3rd week Greg asked me if I would dare to try a pure CSS3 Mickey Mouse. At […]


pure CSS tooltips – transparent, border, box-shadow

pure CSS tooltips – transparent, border, box-shadow

Yesterday I wrote an article about overlapping transparency values. See this post Overlapping transparent divs with one border This tutorial is made with -webkit- CSS3. The complete set (bottom of the post) is compatible with Opera, Firefox and webkit-browser though. pure CSS tooltips I have seen quite a few methods to create pure CSS tooltips […]


Overlapping transparent divs with one border

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; […]