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.
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.