我們用到的是css 3中background-size屬性。
網上查了下這個屬性，小記下：
取值： background-size: auto || length || percentage || cover || contain
取值說明：
4、cover：此值是將放大，以適合鋪滿整個容器，這個主要運用在，當小於容器時，又無法使用 background-repeat來實現時，我們就可以採用cover;將背景放大到適合容器的大小，但 這種方法會使用背景失真；
5、contain:此值剛好與cover相反，其主要是將背景縮小，以適合鋪滿整個容器。
這個主要運用在，當背景大於元素容器時，而又需要將背景全部顯示出來，此時我們就可 以使用contain將 縮小到適合容器大小為止，這種方法同樣會使用失真。
當background-size取值可以設定兩個值，也可以設定乙個值。
當只取乙個值時，第二個值相當於auto，但這裡的auto並不會使背景的高度保持自己原始高 度，而會與第乙個值相同。
css3新動 CSS3 動畫
注意 1 animation play state 也是 animation 的簡寫屬性，但在 webkit 中不適用 animation myfirst 5s infinite linear paused 即 animation name myfirst animation duration 5s...
CSS3 總結（二十） 彈性盒子（CSS3）
2.在彈性容器中可以設定min width max width屬性來限制彈性子元素的最小及最大縮放寬度。用在彈性容器 3.flex direction 屬性 用在彈性容器 指定了彈性子元素在父容器中的位置。值說明 row橫向從左到右排列 左對齊 預設的排列方式。row reverse 反轉橫向排列 ...
css3新動 css3新增動畫
1 transiition過渡 樣式改變就會執行transition 1 格式 transiition 1s width linear,2s 1s height 2 引數 transition property 要運動的樣式 all attr none transition duration 運動時...