CSS3实现的单div图标

最近研究纯css3实现绘图，无意中找到one-div.com,利用一个div去实现一个图标，如下图所示。牛，研究研究。

利用css实现的icon可以方便的进行缩放而不失真，同时添加动画效果也变得轻而易举。

下面来实现下礼品的这个，--demo--

1.难点分析

一个div实现这个效果，刚开始会不够用，尤其是礼品盒下面的四个盒子。

div做一个矩形，剩下的几个用box-shadow来实现，很有意思。

2.实现步骤

a.html架构

<div class="gift"></div>

很简单，一个单独的div

b.设置div

.gift{
	margin: 200px;       //设置元素定位，具体应用中需要修改
	width: 2em;          //设置宽、高、背景色
	height: 1em;
	background: #000;
	position