Use HTML 5/CSS3 Five steps to quickly make sticky note effects

Use HTML 5/CSS3 Five steps to quickly make sticky notes (1)
This text will show you how to use HTML5/CSS3, only 5 steps to create a sticky note effect HTML page, as follows:
(Note: The text is purely fabricated, funny purpose, if there is a similar, purely coincidental, thank you!)

Note: This effect can be seen in Safari, Chrome,firefox and Opera in the results, ie on the support of HTML5 is not complete, so do not see the effect.
First step: Create basic HTML and squares
First add the basic HTML structure and build the basic square with the following code:

• 
  
  
  
  • Dudu:h2>
  • I don't have a beautiful post recently. I'm going to make a headline recommendation,recommend!recommend!p>
  • A>li>
  • Uncle Tom:h2>
  • A member of the team went to Microsoft to do SDE3 and hire new member p>
  • A>li>
  • Technology Brother:h2>
  • O2ds and I translated the book is the same, I must be faster than he turned, night overtime, fast! fast! Fast!p>
  • A>li>
  • Artech:h2>
  • WCF posts are very few, it seems I have to send a few more posts to let everyone learn it p>
  • A>li>
  • Gizhgara:h2>
  • The right management, workflow management to achieve my ability to the extreme, a person can only do a few things so little p>
  • A>li>
  • A martial arts master:h2>
  • Less than 25000 pieces of the interview no longer go, it Grandma p>
  • A>li>
  • Ul>
    • Detailed Description: http://html5.662p.com/thread-48-1-1.html

Use HTML 5/CSS3 Five steps to quickly make sticky note effects