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);}

网友评论