通过拆分插件来学习做css立体图

---

1、css写好如下图

程序如下：

2、椭圆造型

#pbtn{ border-radius:200px /100px;}

3、底盘增加阴影效果

#pbtn { box-shadow:0px -15px 15px#88finset, 10px -15px 15px#44finset, -10px -15px 15px#fffinset, -0px 15px#88f, -35px 40px 5pxrgba(0,0,0,0.5);}

4、字体阴影效果

#btnlabel { text-shadow:3px -3px 1px#44f, -3px 3px 1px#fff;}

5、字体倾斜效果

#btnlabel { transform:scale(1,0.5);}