用CSS3实现对图片的放大效果
2014-06-27 13:13
330 查看
用CSS3实现对图片的放大效果
用CSS3对图片放大效果
.right_div .topicons li a:hover img{
-webkit-transform:scale(1.5,1.5);
-moz-transform:scale(1.5,1.5);
-transform:scale(1.5,1.5);
}
<div class="right_div">
<ul class="topicons">
<li><div class="img1"><a href="#"><img src="images/product_miniimg_01.png" /></div><p>企业统一门户</p></a></li>
</ul>
</div>
用CSS3实现对图片的放大效果
用CSS3对图片放大效果
.right_div .topicons li a:hover img{
-webkit-transform:scale(1.5,1.5);
-moz-transform:scale(1.5,1.5);
-transform:scale(1.5,1.5);
}
<div class="right_div">
<ul class="topicons">
<li><div class="img1"><a href="#"><img src="images/product_miniimg_01.png" /></div><p>企业统一门户</p></a></li>
</ul>
</div>
相关文章推荐
- CSS3实现鼠标移动到图片上图片变大(缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义)
- 用CSS3实现对图片的放大效果
- CSS3实现图片鼠标悬浮放大效果
- 非常惊艳的Css3的桌面上散落的相片效果,以及单击放大图片的LightBox效果(独立Js非jQuery)的实现原理
- js、css3实现图片的放大效果
- css3实现鼠标移入图片放大效果
- CSS3 动画实现放大缩小、涟漪扩散效果、叠加图片循环来回显示
- JS与CSS3实现图片响应鼠标移动放大效果示例
- CSS3实现鼠标移动到图片上图片变大(缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义)
- css3实现 鼠标移上图片 放大遮罩效果
- 用CSS3实现对图片的放大效果
- CSS3实现鼠标移动到图片上图片变大(缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义)
- CSS3无图片实现华丽折页菜单效果(多浏览器兼容)
- 另一种方法实现silverlight图片局部放大效果
- JS实现:点击后,图片弹出放大,背景变黑的效果
- 巧用CSS3 border实现图片遮罩效果代码
- Asp.net使用JQuery实现放大图片效果
- 以uiscrollview实现的图片放大效果
- JS实现鼠标移动到缩略图显示大图的图片放大效果
- JQuery实现操作Checkbox,Table,鼠标放在图片上放大效果