開發工具與關鍵技術：dw，css3
說到css3是我學程式設計以來，最感興趣的一門技術，通過老師的學習，再自己的摸索一下。
只學會css3一些簡單的技術。
那我就分享一下我學習到的css3動畫吧！首先頁面布局什麼的就不多說了，定好div，
弄好背景，設計好背景的尺寸，我們就開始設計動畫效果了。
```.lizi
用animation動畫屬性，再定義乙個選擇器（good），再給動畫乙個運動的時長，想要動畫無限的運動就在給乙個infinite，
infinite的意思是無限的。
如果想運動出去了後在回到原來的位置，可以給個alternate。alternate的意思是輪流的。
如果你還想給運動時來個過渡效果，也可以用上transition-delay屬性哦！過渡的時間任君定義
```@keyframes good
20%40%
60%80%
100%
}```
再使@keyframs與good**起來，來個百分比的運動。我設計的運動比列過多，你們也可以把它設計短一點的哦！
我從0%開始設計，但0%時，不運動，有10%的圓角效果，20%時，順時針旋轉了45度；圓角效果為20%；
40%時，向x軸運動了200px；圓角為30%；60%時，向x軸運動了300px；圓角為40%，
80%時，向x軸運動了400px；圓角為50%；為圓形，100%時，向順時針旋轉180度，為圓。
在這裡，transform:translatrx(100px);為向x軸運動，把x改為y就是向y軸運動，
transform:rotate(45deg);就是順時針旋轉45度，45前加上（-），就是逆時針旋轉45度，
border-radius為圓角效果，想弄圓角效果可以弄圓角效果，不想弄也可以不弄。
``````
```
CSS3高階技術
多重陰影，用逗號隔開 內陰影在前面新增inset關鍵字 box shadow inset 10px 10px 5px 888888 多重陰影和text shadow類似 一 線性漸變 如果想要改變漸變方向，可以自定義乙個角度 二 徑向漸變 語法 漸變形狀有兩種 圓 circle 和橢圓 ellips...
好程式設計師web前端技術分享css3舊版彈性盒
說明 必須加字首 設定彈性盒 使用如下屬性，必須在父代設定display box 說明 在父級上設定該屬性，則子代按水平排列或豎直排列。注 所有主流瀏覽器不支援該屬性，必須加上字首。1 horizontal 水平排列，子代總width 父級width。若父級固定寬度，則子代設定的width無效，子代...
css3新動 CSS3 動畫
注意 1 animation play state 也是 animation 的簡寫屬性，但在 webkit 中不適用 animation myfirst 5s infinite linear paused 即 animation name myfirst animation duration 5s...