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


iOS style folders page split with jQuery

iOS style folders page split with jQuery

the iOS split page effect in HTML with CSS3 -webkit-animations… The demo should be viewed in webkit browsers… Safari on Mac OS X does the best job. The iPhone has a late start but the animations look sweet. Chrome is a little slow on 3d transformation and transitions. iOS 5 webapp I am currently working […]


flipbook in CSS3. A page flip done with CSS3

flipbook in CSS3. A page flip  done with CSS3

A few days ago I thought about making a flipbook animation in CSS3. I have seen quite a few approaches, yet none with a decent 3d effect. jQuery examlpe the best jQuery page flip I could find is: builtbywill.com CSS3 examlpe The best CSS3 page flip I could find: romancortes.com HTML5 examlpe And this one […]


the best pure CSS3 iOS style arrow “Back” button

the best pure CSS3 iOS style arrow “Back” button

VERSION 2 COMING SOON.. SEE THE FIDDLE ON THE BOTTOM OF THE PAGE see the iOS 6 Version here I added a third version without the use of -webkit-mask-image on request. (Compatible with Firefox and Opera) I recently needed to make CSS arrow buttons for iOS devices. There are a few examples and sourcecodes on […]