欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果

程序员文章站 2022-06-28 07:55:29
效果查看地址:游计划()代码:img{width: 100%;border-radius: 3px;transition: all 2s;}img:hover{transform: scale(1.2...

效果查看地址:游计划()

css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果

代码:

img{width: 100%;border-radius: 3px;transition: all 2s;}
img:hover{transform: scale(1.2);}

img外层标签元素,需要设定overflow: hidden,否则图片放大后会溢出覆盖其他内容。

到此这篇关于css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小的文章就介绍到这了,更多相关css3图片放大离开缩小内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!