鼠标经过图片变大

   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);

}

 

 

     

posted @ 2017-11-20 23:33  james_liang  阅读(285)  评论(0)    收藏  举报