这篇文章主要介绍了css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
效果查看地址:游计划(uplanok.com)
代码:
img{width: 100%;border-radius: 3px;transition: all 2s;} img:hover{transform: scale(1.2);}
img外层标签元素,需要设定overflow: hidden,否则图片放大后会溢出覆盖其他内容。
到此这篇关于css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小的文章就介绍到这了,更多相关css3图片放大离开缩小内容请搜索0133技术站以前的文章或继续浏览下面的相关文章,希望大家以后多多支持0133技术站!
以上就是css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果的详细内容,更多请关注0133技术站其它相关文章!