关闭

鼠标移到图片放大效果

标签: html5css3
135人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>鼠标移到图片放大效果</title>
<style type="text/css">
div{
width: 120px;
height: 120px;
border: solid 1px #666;
margin: 100px auto;
overflow: hidden;/*隐藏超过边界的*/
}
/*图片过渡变化*/
div img{
transition: all 0.5s;
cursor: pointer;
}
/*鼠标移到图片放大1.2倍*/
div img:hover{
transform: scale(1.2);
}
</style>
</head>


<body>
<div><img src="images\userHead.jpg"></div>
</body>
</html>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:9908次
    • 积分:711
    • 等级:
    • 排名:千里之外
    • 原创:63篇
    • 转载:6篇
    • 译文:0篇
    • 评论:0条
    文章分类