/* 繪製弧形 */
.circle-part
.part1
.circle-inner
@-webkit-keyframes run-part1
100%
}@-webkit-keyframes run-part
100%
}1 圖形構成
從外**到，該圖形大致由：外圓，內圓及構扇形構成。
1.1 外圓
在本示例中，主要採用乙個div,設定高與寬，背景不設定或白色。設定border-radius為50%外圓圈，使用邊框構成從而形成外圈。
.circle-out1.2內圓
內圓很簡單，也是使用border完成的圓，設定boder-radius:50%實現的圓的效果，最後就是乙個定位的事情。
1.3扇形
扇形，在本示例中，實現的思路也是拼湊，外加旋轉，利用邊框border實現。
.circle-part分為（1）、（2）、（3）、（4）部分，出去固定形狀、動畫外，比較重要的就在於（2）部分。
先繪製出1/4的圓（邊框）。其他另外3/4的扇形以透明繪製。
相同的，另外使用另外乙個圓進行相同的處理，這樣兩個圓就能重疊在一起，唯一不同的是：第二個圓設定那3/4圓作為白色，1/4設定為透明色。
這時，呈現的為1/4的扇形，背景為blue,而因為透明的原因1/4是完全暴露的。
最後，由於最後的圓為頂層元素，所以當頂層元素發生旋轉時，藍色的扇形部分就會被頂層元素那3/4的扇形區域所遮蔽。從而達到最後的效果。
**最後加上自己的動畫，實現最後的效果。
每天堅持乙個CSS 社會人
之前看到一篇部落格，使用python繪製出了小豬佩奇，所以自己想試一試，採用純html css繪製出低配版的小豬佩奇。1 低配版的小豬太圓潤，後面會對整體圖形進行修改。2 在布局上，沒有堅持div巢狀，導致縮放時位置錯位，如果想實行縮放一致，可採用小豬的頭部巢狀布局實現。3 途中可看到小豬沒有穿鞋子...
堅持每天乙個小程式（web伺服器）
剛接觸網路不深，寫了個基本的web伺服器,由於剛找到工作，也只能在週末把文章整理下了。實現乙個web伺服器步驟 第一步，我們要做的就是指定好相應的埠和網頁存放目錄 我設定好的預設目錄是程式存放的目錄裡的html 資料夾裡。埠的話如果你在執行的時候指定的話，就在執行時加引數，否則預設是8000.102...
這6個軟體一定每天堅持乙個小時來學習！
其實大家在學校裡所讀的專業，和在社會上的工作很多都不搭邊的。這個時候我們為了公升職加薪必須要不斷地學習。在這個網路發達的時代，如果不收藏幾個學習 真是可惜了。該 是滬江旗下實施互動教育平台的 可以學習英語 日語等語言文化 還有各種考研 公務員等職業考證學習。總之，該 的學習資源豐富到不行！如果你想學...