1. 程式人生 > >css學習_css補充知識

css學習_css補充知識

瀏覽器 css學習 背景 transform style 驗證 nbsp img 2種

1、漸進增強,優雅降級

技術分享圖片

技術分享圖片

2、瀏覽器前綴

技術分享圖片

3、背景漸變

技術分享圖片

技術分享圖片 技術分享圖片

4、css 驗證工具

2種方式:第2種支持驗證本地的css(推薦)

技術分享圖片技術分享圖片

技術分享圖片

5、css壓縮 ----(節約空間,節省帶寬)

技術分享圖片

技術分享圖片

6、旋轉輪播圖

技術分享圖片

技術分享圖片技術分享圖片

案例:

技術分享圖片

技術分享圖片技術分享圖片

技術分享圖片

註意:

1、3d 旋轉 3d 的translateZ

2、子盒子要一般要寫transform-style屬性 更有3d效果

3、過渡做動畫

4、父元素透視屬性 有3d效果

css學習_css補充知識