css3.0 图形构成实例练习一CSS3的常见transformation图形变化用法小结纯CSS3绘制可旋转的太极图形样式效果源码CSS3绘制不规则图形的一些方法示例纯css3样式属性制作各种图形图标样式代码css3的图形3d翻转效果应用示例基于jquery+css3实现的Tabs带图形按钮选项卡切换css3.0 图形构成实例练习二纯CSS3实现绘制各种图形实现代码详细整理基于CSS3的按钮图形 含有多种颜色风格 代码共享纯CSS3绘制各种不规则图形图标样式特效源码

*{ padding:0; margin:0;}
.header{ width:300px; margin:100px auto; position:relative; }
.eye_left,.eye_right{
　　width:30px;
　　height:30px;
　　background:#FFF;
　　position:absolute;
　　border:70px solid #0C0;
　　border-radius:160px;
　　-moz-border-radius:160px;
　　-webkit-border-radius:160px;
　　-o-border-radius:160px;}
.eye_left{
　　left:10px;
　　top:0px;}
.eye_right{
　　right:0px;
　　top:0px;}
.head_bottom{
　　width:200px;
　　border:#0C0 solid 60px;
　　border-radius:160px;
　　-moz-border-radius:160px;
　　-webkit-border-radius:160px;
　　-o-border-radius:160px;
　　height:30px;
　　left:0px;
　　position:absolute;
　　top:120px;
　　z-index:-5;}
.eye_in{
　　background:#0C0;
　　height:30px;
　　width:30px;
　　position:absolute;
　　right:-30px;
　　top:-30px;
　　border:#FFF 30px solid;
　　border-radius:160px;
　　-moz-border-radius:160px;
　　-webkit-border-radius:160px;
　　-o-border-radius:160px;}