最終效果如圖一，gif圖片稍微有點卡頓，事實上代碼在瀏覽器里執行得很流暢。這里面用到的css3技術非常簡單，分別是border-radius、偽元素、css3關鍵幀以及animation動畫。 　　首先整理一下大概的思路：整個圓分為AB兩部分，左右都是半圓，上面蓋了一個背景色為白色 ...

選擇器 屬性選擇器： E[attr=val] E[attr] E[attr^=val] 屬性值以val開頭 E[attr$=val] 屬性值以v ...

...

先來一張各種效果的預覽圖，其實代碼並不復雜，關鍵看自己如何運用。 css：demo css：loaders ...

效果 效果圖如下，純css實現超酷炫的星級評分動畫效果 ​ 實現思路 5個類型為radio的input，label標簽修改樣式背景圖為星星 label標簽給每個星星鼠標停留時加注名字 點擊星星有放大旋轉的動畫 dom結構 用form實現 ...

效果 效果圖如下，純css實現超酷炫的星級評分動畫效果 實現思路 5個類型為radio的input，label標簽修改樣式背景圖為星星 label標簽給每個星星鼠標停留時加注名字 點擊星星有放大旋轉的動畫 dom結構 用form實現 ...

定義： 通過 @keyframes 規則，能夠創建動畫。 創建動畫的原理是，將一套 CSS 樣式逐漸變化為另一套樣式。 在動畫過程中，可以多次改變這套 CSS 樣式。 以百分比來規定改變發生的時間，或者通過關鍵詞 "from" 和 "to"，等價於 0% 和 100%。 0% 是動畫 ...

css3 簡單的玻璃掃光效果 ...