transform:变形

     rotate:旋转 如:rotate:(180deg);旋转180度

     skew:扭曲  (用得较少。)

     scale:缩放   1(正常样子,原型)  .9(是原型的0.9倍)  1.2(原型的1.2倍)

     translate:移动     translate:(50%,50%)X轴移动50%,Y轴移动50%。

  transition:过渡

     transition-property:过渡效果的 CSS 属性的名称  如:transition-property: all;

    transition-duration:过渡持续的时间

    transition-timing-duration:变换速率    linear:匀速   ease:逐渐变慢    ease-in-out:加到减

    transition-delay:动画开始执行的时间

鼠标经过图片变大代码:

img{

cursor:pointer    //鼠标经过图片时,鼠标变成手指

transition:all 0.6s;

}

:hover img{

transform:sclae(1.2);

}

 

 

     

版权声明:本文为james-L原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/james-L/p/7868837.html