原始碼：
css：
html
相容最新的 ff opera safari chrome 。ie9沒裝 沒得看。ie9以下不相容 呵呵
要點：1、定位
四面國旗都用到了定位
2、層次
在南韓國旗四角用了層次 z-index 控制顯示
3、旋轉
四面國旗都用到旋轉，控制五星的角度跟剛果國旗紅色部分旋轉，通過溢位隱藏的方法，把多餘的內容隱藏
4、半圓
利用border-radius圓角，如上半圓，只設定上面兩個圓角，另外兩個設為零，高度設為半徑，寬度為直徑，就可以得到半圓，可以在南韓國旗的樣式了解
5、其他
比如box-shadow、skew等css3才有的屬性
整理幾款css3的簡單例項
1.斜切 html 你好。這是乙個 div 元素。你好。這是乙個 div 元素。css 顯示效果 2.css3圓角 源 border radius 屬性允許您為元素新增圓角邊框！顯示效果 3.css3盒陰影 源 顯示效果 4.css3漸變 源 從頂部開始的線性漸變。起點是紅色，慢慢過渡到藍色 注意 ...
CSS3繪製404頁面
標題有點噱了.最近在做乙個交通有關的專案,想做乙個類似標誌牌的404,所以就有了這個.只用的css3中的旋轉,效果如下 上 doctype html html head meta name viewport content width device width title error title s...
css3寫animation相關屬性，順序要求
看如下 div keyframes mymoveto webkit keyframes mymove safari 和 chrome to 在上述 中，div中該樣式 webkit animation iteration count 2 在safari和chrome中是無效的，取預設值1。因為該樣式...