Group items tagged

I n my last post, Pure CSS3 Speech Bubbles Without Images, we saw how the :before and :after pseudo-elements could be used to create different effects. In this post we'll use similar techniques to create a variety of ribbons.

Beyond doubt Microsoft Office 2013 presents a clutter-free Ribbon UI inspired by Windows 8 Metro UI. And it has been thoroughly integrated with the Windows 8 Explorer. However, the use of ALL CAPS in tab titles looks awkward. Here is a quick way around to change the format into title case.

You can start with the examples and modify the values or just start right away. Input fields also can be left empty.

I n my previous posts, we discovered how to create speech bubbles and ribbons without additional HTML elements or images. They were achieved using CSS3 effects applied to the :before and :after pseudo-elements. In this post, we'll use a similar technique to create a paper curl effect.