不需要JS和jQuery代码实现CSS3鼠标浮动放大图片





{。箱
可见的可视区域
宽度：480px；身高：250px；
职位：相对；
溢出：隐藏；
光标：指针；
}
{大小。
宽度：1000px；身高：1000px；
位置：绝对；左：50%；顶端：50%；
保证金：- 00 - 500px 500px；
中间一级
文本对齐：中心；
}
{。变焦
元素缩放
宽度：480px；身高：250px；
垂直对齐：中间；
WebKit的过渡：-webkit-transform.2s；
过渡：transform.2s；
}
盒子：hover.zoom {。
悬停放大
WebKit的变换：规模（1.05）；
- ms变换：刻度（1.05）；
转换：规模（1.05）；
缩放：1.05；
}
根。盒：hover.zoom { {
缩放：1；
}
{。中间
垂直中心
显示：内联块；
宽度：0；高度：100%；
垂直对齐：中间；
}



左上角位置



中间位置








以上是对你的小介绍。它不需要Javaｓｃｒｉｐｔ和jQuery代码实现CSS3鼠标浮动放大图片。我们希望能帮助你。如果你有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。