/*transition: 要過渡的屬性 花費時間 遠動曲線 何時開始 ; 簡寫*//*transition-property: 要過渡的屬性名稱*/
/*transition-duration: 定義過渡花費的時間; 預設是0*/
/*transition-timing-function: 過渡效果的時間曲線 預設是 『ease』 ; linear ease ease-in ease-out ease-in-out */
/*transition-delay: 過渡效果何時開始，預設是0;*/
div
div:hover
.box-bd li.box-bd img
/*滑鼠經過往右走8px*/
.box-bd img:hover
css的過渡效果以及動畫
純乾貨 只有命令 和命令的使用方式 使得css屬性值，在一段時間內平滑變換的乙個效果 1.過渡效果四要素 1.指定過渡元素 指定那個屬性值在變化時需要使用過渡效果 2.指定過渡時間 多長時間完成過渡 3.指定過渡時間的快慢 過度變換中的快慢 4.指定過渡到延遲時間 當激發過渡後，等待多長時間才激發效...
動畫過渡效果
動畫 使用動畫必要的兩個屬性 1 動畫名稱 animation name 2 動畫持續時間 animation duration 3 動畫使用的速度函式 animation timing function animation iteration count animation direction 6...
css動畫和過渡
translate x,y 定義 2d 轉換，沿著 x 和 y 軸移動元素。translatex n 定義 2d 轉換，沿著 x 軸移動元素。translatey n 定義 2d 轉換，沿著 y 軸移動元素。scale x,y 定義 2d 縮放轉換，改變元素的寬度和高度。scalex n 定義 2d...