Pseudo Element

Just like pseudo-classes, pseudo-elements are added to selectors but instead of describing a special state, they allow you to style certain parts of a document. For example, the ::first-line pseudo-element targets only the first line of an element specified by the selector. [Source: Mozilla Developer Network]

But I have use ::before ::after pseudo class lot of area. Its helps me a lot for styling any element. It reduce my time.
You can see some example clicking the link belew at fiddle:
1. Using small border at header type content
2. Using animation in a button

[to be continued]

Power of CSS3

Tooltip by CSS3

Hello folk I tell you something few days ago I was doing some bootstrapping and the specific section was tooltip. I used angular ui for tooltip convention. Suddenly I thought that tooltip just like 'you hover something and a hidden div show'. So why not I use normal CSS3. You can see the output. Click the link

I am not a pioneer because after that I googling and saw people already use this type of code. But it is nice and easy technique using tooltip by CSS