懒人模板网--最新最全织梦模板,Discuz论坛模板,手机网站模板
当前位置:懒人模板>懒人教程>编程教学>

鼠标放上去图片变大鼠标移到图片上图片放大【css3实例】

发布时间:2019-12-20 来源:未知 浏览: 关键词:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.div1{
  width: 240px;
  height: 180px;
  overflow: hidden;
}
.div1 img{
  cursor: pointer;
  transition: all 0.6s;
}
.div1 img:hover{
  transform: scale(1.4);
}
</style>
</head>
<body>
<div class="div1">
  <img src="http://www-x-gtran-x-net.img.abc188.com/file/upload/201911/21/1405302276.jpg" />
</div>
</body>
</html>
责任编辑:懒人模板小编
编程教学
二次开发
使用技巧
调试安装
运营推广
IT行业新闻
编程教学
2016-2018 懒人在线网 版权所有:深圳市一路互联信息技术有限公司 备案号:粤ICP备15061805号-1