您的位置：首页 > Web前端 > CSS

图片悬浮放大效果css

2017-01-01 00:00 232 查看
<style>
a img{transform:scale(1);
transition:all 0.3s ease 0s;
-webkit-transform: scale(1);
-webkit-transition: all 1s ease 0s;
-moz-transform: scale(1);
-moz-transition: all 1s ease 0s; }
/*IE浏览器不支持A元素以外的其它元素的:hover伪类,解决方法：*/
body { behavior:url("csshover.htc"); } /*下载csshover文件，并放在css文件下*/
a:hover img{transform:scale(1.2);
transition:all 0.3s ease 0s;
-webkit-transform: scale(1.2);
-webkit-transition: all 1s ease 0s;
-moz-transform: scale(1.2);
-moz-transition: all 1s ease 0s; }

</style>
</head>
<body>
<a class="aLi"><img src="001.jpg" ></a>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  图片悬浮放大效果css IE不支持:hover解决办法
相关文章推荐
新的分享
章节导航