码迷,mamicode.com
首页 > Web开发 > 详细

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

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

标签:idt   tab   form   :hover   style   鼠标   text   ansi   round   

 

方法一:

.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实现鼠标悬停在图片上图片缓慢缩放效果

标签:idt   tab   form   :hover   style   鼠标   text   ansi   round   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!