鼠标经过图片放大 | 易学教程

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
       <title></title>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <meta http-equiv="cache-control" content="no-cache" />
       <meta http-equiv="pragma" content="no-cache" />
       <meta http-equiv="expires" content="0" />

       <style>
               .div_img{
                   width: 300px;
                   height: 300px;
                   border: #000 solid 1px;
                   margin: 50px auto;
                   overflow: hidden;
                   text-align: center;
               }
               .div_img img{
                   cursor: pointer;
                   transition: all 1.5s;
               }
               .div_img img:hover{
                   transform: scale(1.4);
               }

</style>
</head>

<body>
<div class="div_img">
<img src="004.jpg" alt="我的图片" >
</div>
</body>
</html>

来源：CSDN

作者：赵小默

链接：https://blog.csdn.net/qq_32848943/article/details/104043857

标签

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!