css实现鼠标移动图片居中放大效果

资料来源：网络整理时间：2023/2/14 0:42:38 共计：3665 浏览

.big-img img { width: 262px; min-height: 192px; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transition: -webkit-transform .65s; -moz-transition: -moz-transform .65s; transition: transform .65s; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.big-img:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } <a href="" target="_blank" class="big-img"> <img width="292" height="182" src="1.jpg"> </a>

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

·上一条：animation-iteration-count属性定义动画应该播放多少次 | ·下一条：缩放scale()方法