首页 > Web开发 > 详细

css实现鼠标悬停在图片上图片缓慢缩放效果

时间:2018-07-29 16:16:57      阅读:177      评论:0      收藏:0      [点我收藏+]

 

方法一:

.container{

  background-size: 100% 100%;

  transition: all 2s;

}

.container:hover{

  background-size: 120% 120%;

}

 

方法二:

img{

  transition: all 2s;

}

img:hover{

  transform:scale(1.2);   //图片放大的倍数

}

 

css实现鼠标悬停在图片上图片缓慢缩放效果

原文:https://www.cnblogs.com/Zg-blog/p/9385280.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!