Just a little experiment with pseudo elements. Semantic HTML is maintained. No boilerplate elements.
I like this. Cool!
Thanks! Glad you like it!
Looks like the lower quarter of the right side activates "Bottom > Top" instead of "Right > Left"
Thanks @jesseschoff fixed it!
That is very clever!! A+
nice, though it does break if you attack it quickly from multiple sides
that is great work. why you did use SCSS why not just CSS.
Thanks for the kind words! @HeartDesign I am writing nearly all my CSS in SCSS now. Ther is no special reason.
I was looking at doing this just from left to right, but this really is next level. Really clever CSS. Nice work Fabrice
@hugo Thanks! @seanjacob Great finding! In my version you can style each "direction" and add content to it. The linked version just shows colors created with box-shadow.
DOUBLE HEART! - this is awesome!
neat! Would really love a blog post on this :)
@chinchang Currently writing...
Nice job. It reminds me http://ksesocss.blogspot.com/2013/01/cuatro-tooltip-y-enlaces.html
no idea how you did it, but it's great. Good job =)
Very nicely done... I like this a lot.
Outside the box thinking - I like :)
this is not leave direction aware
Need to know how to enable it? Go here.