博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
鼠标经过元素放大离开缩小
阅读量:5253 次
发布时间:2019-06-14

本文共 594 字,大约阅读时间需要 1 分钟。

1、代码:

<!DOCTYPE html>

<html>
<head>
  <meta charset="utf-8">
  <title>JS过度和变形效果演示</title>
  <style type="text/css">
    *{
      margin: 0;
      padding: 0;
    }
    .container{
      width: 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>

 

转载于:https://www.cnblogs.com/benmumu/p/9408397.html

你可能感兴趣的文章