• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

CSS 鼠标触发 图片动态放大效果_CSS学习

当前位置：网站建设 > 技术支持

今天在写一个zblog主题的时候，用到了图片鼠标触发放大效果，在这里分享下代码：

a img {-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}

a img:hover{-webkit-transform: translate3d(0, 0, 0);-webkit-perspective: 0;-webkit-backface-visibility: hidden;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

transition: all 0.6s;  意思是动画效果0.6秒完成，可以修改。

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。