zoukankan      html  css  js  c++  java
  • 鼠标经过图片变大

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

    }

         

  • 相关阅读:
    eslint自动格式化
    焕肤功能
    Web Components
    Webpack 中的 sideEffects
    andriod 新建Activity_ Form
    那么唯美
    C# PDF添加水印
    停止触发器
    sp_sys_ERPTrigger_base
    sql语句返回主键SCOPE_IDENTITY()
  • 原文地址:https://www.cnblogs.com/james-L/p/7868837.html
Copyright © 2011-2022 走看看