18910140161

Css

首页 >> 前端开发 >> Css

在CSS鼠标上移动会变大

顺晟科技

2021-09-19 13:14:03

259

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
   div{
    width: 300px;
    height: 300px;
    border: #000 solid 1px;
    margin: 50px auto;
    overflow: hidden;
   }
   div img{
    cursor: pointer;
    transition: all 0.6s ease-in;
    -webkit-transition: all 0.6s ease-in;
   }
   div img:hover{
    transform: scale(1.4);
   }
  </style>
 </head>
 <body>
  <div>
   <img src="img/focus.png" />
  </div>
 </body>
</html>

 

上一篇：CSS3将鼠标移动到图片上 使图片变 下一篇：CSS变换动画 在鼠标上移动会变大(
相关文章
推荐阅读
随机推荐
我们已经准备好了，你呢？
获取网站建设报价
2024我们与您携手共赢，为您的企业形象保驾护航！