CSS3的transform:scale(1.4)可以实现按比例放大或者缩小功能。 CSS3的transition允许CSS的属性过渡时间。 这种效果可以在鼠标单击,获得焦点,被点击或对元素任何改变中触发.
CSS3的transform:scale(1.4)可以实现按比例放大或者缩小功能。
CSS3的transition允许CSS的属性过渡时间。
这种效果可以在鼠标单击,获得焦点,被点击或对元素任何改变中触发.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
width: 300px;
height: 300px;
overflow: hidden;
}
div img{
cursor: pointer;
width:100%;
height:100%
transition: all 0.6s;
}
div img:hover{
transform: scale(1.4);
}
</style>
</head>
<body>
<div>
<img src="img/focus.png" />
</div>
</body>
</html>
联系站长 : 17620917002
站长邮箱 : 425158482@qq.com
问题咨询 : QQ 425158482
系统长期维护,放心使用
备案号:蜀ICP备19015811号-3