通過css3轉換，我們能夠對元素精心移動、縮放、轉動、拉長或者拉伸轉換是使元素改變形狀、尺寸和位置的一種效果，可以使用2d3d轉換元素class="div2">改變後的效果2
div>
class="div3">改變後的效果3
div>
class="div4">改變後的效果4
div>
class="div5">改變後的效果5
div>
class="div6">改變後的效果6
div>
div
translate()--移動
rotate()--旋轉
scale()--縮放
skew()
matrix()
.div2
.div3
.div4
.div5
rotatex()
rotatey()
.div6
過渡是元素從一種樣式轉換成另一種樣式
動畫效果的css
動畫執行的css
屬性：屬性
描述transition
設定四個過渡屬性
transition-property
過渡的名稱
transition-duration
過渡效果花費的時間
transition-timing-function
過渡效果的時間曲線
transition-delay
過渡效果的開始時間
測試div>div
div:hover
css3的動畫需要遵循@keyframes規則
規定動畫的時長
規定動畫的名稱
動畫效果div>
body>
div@keyframes anim
25%50%
75%}@-webkit-keyframes anim
25%50%
75%}
屬性：
column-count 分列的數量
column-gap 每列中間間隔的距離
column-rule 每列之間間隔的線及線的顏色
CSS動畫 頁面特效
2d 3d轉換 過渡動畫 多列瀑布流效果 2d 3d轉換 通過css3轉換，我們能夠對元素進行移動 縮放 轉動 拉長或拉伸 轉換是使元素改變形狀 尺寸和位置的一種效果 可以使用2d 3d來轉換元素 2d轉換方法 translate rotate scale matrix 3d轉換方法 rotatex...
CSS 頁面特效
2d 3d特效 transform att webkit transform att safari chrome瀏覽器的適應 o transform att opera ms transform att ie moz transform att firefox 2d translate 移動 rot...
js實現仿線下面診動畫頁面
doctype html en utf 8 仿線下面診動畫頁面 title head top img top img img container col md 4 diff grid diff grid p diff grid bor bot diff grid p diff grid h4 dif...