1. 程式人生 > >《CSS揭祕》示例程式碼全揭祕

《CSS揭祕》示例程式碼全揭祕

        最近在看 [希]LEA VEROU的《CSS揭祕》,作者是W3C CSS工作組特邀專家,這本書是對現代CSS特性一個探索,針對的是一些高階的應用場景(作者這麼說的)。但是我個人認為有些場景的實現,並不是效率最好的。

例項列表:

  1. 背景與邊框
    1. 半透明邊框
    2. 多重邊框
    3. 靈活的背景定位
    4. 邊框內圓角
    5. 條紋背景
    6. 複雜的背景圖案
    7. 偽隨機背景
    8. 連續的影象邊框
  2. 形狀
    1. 自適應橢圓
    2. 平行四邊形
    3. 菱形圖片
    4. 切角效果
    5. 梯形標籤頁
    6. 簡單的餅圖
  3. 視覺效果
    1. 單側投影
    2. 不規則投影
    3. 顏色效果
    4. 毛玻璃效果
    5. 折角效果
  4. 字型排印
    1. 連字元斷行
    2. 插入換行
    3. 文字行的斑馬條紋
    4. 調整tab的寬度
    5. 連字
    6. 華麗的&符號
    7. 自定義下劃線
    8. 現實中的文字效果
    9. 環形文字
  5. 使用者體驗
    1. 選用合適的滑鼠游標
    2. 擴大可點選區域
    3. 自定義複選框
    4. 通過陰影來弱化背景
    5. 通過模糊來弱化背景
    6. 滾動提示
    7. 互動式的圖片對比控制元件
  6. 結構與佈局
    1. 自適應內部元素
    2. 準確控制表格列寬
    3. 根據兄弟元素的數量來設定樣式
    4. 滿幅的背景,定寬的內容
    5. 垂直居中
    6. 緊貼底部的頁尾
  7. 過渡與動畫
    1. 緩動效果
    2. 逐幀動畫
    3. 閃爍效果
    4. 打字動畫
    5. 狀態平滑的動畫
    6. 沿環形路徑平移的動畫