源码:
css:
html
兼容最新的 FF Opera Safari Chrome 。IE9没装 没得看。IE9以下不兼容 呵呵
要点:
1、定位
四面国旗都用到了定位
2、层次
在韩国国旗四角用了层次 z-index 控制显示
3、旋转
四面国旗都用到旋转,控制五星的角度跟刚果国旗红色部分旋转,通过溢出隐藏的方法,把多余的内容隐藏
4、半圆
利用border-radius圆角,如上半圆,只设置上面两个圆角,另外两个设为零,高度设为半径,宽度为直径,就可以得到半圆,可以在韩国国旗的样式了解
5、其他
比如box-shadow、skew等css3才有的属性
另外地址: