Create a Flip Effect by Using CSS3

There’s some seriously cool transform and animation effects available through the webkit engine that can really spice up the web experiences for users with the Safari and Chrome browser. Here’s a quick look at how the transform property can produce a flip effect, and how it can be used to create a super fancy one!

* Safari or Chrome browser required to experience the Webkit effect.

The HTML

• Step 1: Create a maincontainer to position the cards
• Step 2: Create a card container to add more properties to the cards, when we hover over the container, the card should flip
• Step 3: Create a new div for the card itself
• Step 4: Create the front of the card, (in this case it is an image ‘UMBRELLA.png’)
• Step 5: Now we’re creating the back of the card, in this example I used a table but you can add whatever you want
• Step 6: At the end we’re creating a button

Customize Your Facebook Fan Page

Facebook Fan Pages are gaining popularity due to their high adoption rates among Facebook’s 300+ million users. Currently more than 10 million users become fan of Pages every day. However, the basic fan page layout is quite cookie cutter, so adding some simple modifications can really make a Fan Page stand out and land those valuable fans. Not only will this look great, but it is easy and cost effective, unlike a custom built and branded Facebook Application.
Before you start:

• Step 1: Navigate to Facebook (make sure you are logged out)
• Step 2: Click the ‘Create A Page’ button
• Step 3: Choose the purpose for you page and choose a name
• Step 4: Click the create button
• Step 5: Register or Login
• Step 6: Your page is created

#1 Edit Page

Click “Edit Page” under the Page’s large avatar image.