Couple of months ago I showed you how to create RSS feed logo with CSS3. I figured it’d be fun creating something a little bit more complex. In today’s post, I’m going to show you how to create not one, but two variations of Gmail logo using just CSS3.

Gmail logo #1

This first logo is simple, and fairly easy to created. Without further ado, here are the steps. Let’s start with firing up your favourite code editor and enter the following HTML codes, and save it as logo-gmail.html.

Editor’s note: This post is written by Irham Kendeni for Hongkiat.com. Irham, also known as Indaam, is a web designer and developer from Indonesia. He also loves CSS and WordPress theme development. Visit Indaam’s website.