using graphics for fancy effect in css3

css psudo element for better design !!

using graphics for fancy effect in css3 with help of css psudo element ':before' and ':after'.
before starting this project check out this preview image to see what we are going to create,

Awesome 3D Text with just CSS!

This is a little effect I’ve been working on for a few hours, I thought it was pretty neat! So we’re going to make 3D text with just CSS3. We’ll be looking at the CSS pseudo class :before.
So first what we need to do is pick the font we’re going to use! I’m using Istok which is available from Google Web Fonts. You can include it in the head like this:

How to Create Custom Social Media Icons in CSS3

How to Create Custom Social Media Icons in CSS3

On almost every website, blog, magazine or business you come across on the internet; it has some kind social media content or buttons. Whether it be social sharing, profile links, or “liking”, “following”, etc. This tutorial will show you how to create custom social media icons step by step. So, lets begin!