zoukankan      html  css  js  c++  java
  • JS过渡和变形效果演示(举例:鼠标滑过图片放大) --JS案例

    1、代码:

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>JS过渡和变形效果演示</title>
      <style type="text/css">
        *{
          margin: 0;
          padding: 0;
        }
        .container{
           158px;
          height: 183px;
          margin: 0 auto;
          border:1px solid #fad282;
          overflow: hidden;
        }
        .container img{
          transition: all 1.2s ease;
        }
        .container img:hover{
          transform: scale(1.2);
        }
      </style>
    </head>
    <body>
      <div class="container">
        <img src="html5.png" alt="html5.png">
      </div>
    </body>
    </html>

    2、演示:http://www.nxl123.cn/bokeyuan/2018080201/

    (滑过前)

    (滑过时,图片放大)

  • 相关阅读:
    Tarjan-割点&桥&双连通
    树状数组
    loli的搜索测试-5
    思维题
    生成树
    贪心
    loli的搜索测试-4
    树链剖分
    基于AHK的上课自动签到
    用列表实现栈
  • 原文地址:https://www.cnblogs.com/qikeyishu/p/9407476.html
Copyright © 2011-2022 走看看