鼠标移入图片放大特效CSS代码

特效介绍

鼠标移动到图片区域,图片缓慢放大效果,纯CSS特效代码,将下面的css代码加入到网站对应的位置,引用样式就可以实现鼠标移入图片慢慢放大特效,喜欢的朋友可以拿去使用

效果预览

图片[1]-鼠标移入图片放大特效CSS代码-QQ沐编程

代码如下

<style type="text/css">
  img:hover{opacity: 0.7;filter: alpha(opacity=70);transition:all 1.2s linear;-moz-transition:all 1.2s linear;-o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear; -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);}
</style>

<img src="http://www.qqmu.com/logo.png" />

将src里的地址换成其他图片地址即可,到此本篇鼠标移入图片放大特效CSS代码就介绍完了,更多特效代码可以继续在QQ沐编程搜索

© 版权声明
THE END
喜欢就支持一下吧
点赞14赞赏 分享