CSS3 dropdown menu

While this is still an up-to-date version, I just wanted to let you know I made also an improved and animated version of this CSS3 menu.

Today you’ll learn how to create your own CSS3 dropdown menu, without any additional Javascript code. There are no images used and, as usual, minimal HTML markup. Let’s see how is made:

Inset box-shadow behavior on Chrome beta

In my previous article, border, border-radius and box-shadow properties were used to create a slick HTML5 search box. As you may know, when using all these together, a well-known Chrome bug is triggered.

Although this bug was fixed in the latest Chrome beta releases, below you’ll see the strange (may I call it like that?) or should I better say different behavior:

CSS3 love

I made a page with the heart shape you can make with CSS3. Just some CSS3 text-shadow, a HTML heart character and voila: