css实现图片放大效果 |
您所在的位置：网站首页 › css鼠标放在图片上放大 › css实现图片放大效果 |
css实现图片放大效果
|
css动画效果，感觉transition和transform真的很强大。transform本质上是一系列变形函数。具有很多属性。 transition从效果上看是一种平滑过渡的动画，本质上是在线性时间内将属性从开始值过渡到结束值。涉及到时间。对与transition的讲解点击打开链接对于transform点击打开链接 Title img{ width: 500px; overflow: hidden; margin: 0 auto; } #img img{ width: 100%; transition:all 2s;/*图片放大过程的时间*/ position: relative; } img:hover{ cursor: crosshair; transform: scale(1.9); /*以y轴为中心旋转*/ } |
放大后
放大前【本文地址】
今日新闻 |
推荐新闻 |