《CSS揭祕》示例程式碼全揭祕
阿新 • • 發佈:2019-02-11
最近在看 [希]LEA VEROU的《CSS揭祕》,作者是W3C CSS工作組特邀專家,這本書是對現代CSS特性一個探索,針對的是一些高階的應用場景(作者這麼說的)。但是我個人認為有些場景的實現,並不是效率最好的。
例項列表:
- 背景與邊框
- 半透明邊框
- 多重邊框
- 靈活的背景定位
- 邊框內圓角
- 條紋背景
- 複雜的背景圖案
- 偽隨機背景
- 連續的影象邊框
- 形狀
- 自適應橢圓
- 平行四邊形
- 菱形圖片
- 切角效果
- 梯形標籤頁
- 簡單的餅圖
- 視覺效果
- 單側投影
- 不規則投影
- 顏色效果
- 毛玻璃效果
- 折角效果
- 字型排印
- 連字元斷行
- 插入換行
- 文字行的斑馬條紋
- 調整tab的寬度
- 連字
- 華麗的&符號
- 自定義下劃線
- 現實中的文字效果
- 環形文字
- 使用者體驗
- 選用合適的滑鼠游標
- 擴大可點選區域
- 自定義複選框
- 通過陰影來弱化背景
- 通過模糊來弱化背景
- 滾動提示
- 互動式的圖片對比控制元件
- 結構與佈局
- 自適應內部元素
- 準確控制表格列寬
- 根據兄弟元素的數量來設定樣式
- 滿幅的背景,定寬的內容
- 垂直居中
- 緊貼底部的頁尾
- 過渡與動畫
- 緩動效果
- 逐幀動畫
- 閃爍效果
- 打字動畫
- 狀態平滑的動畫
- 沿環形路徑平移的動畫