本文主要讲解“如何使用CSS3实现图片放大的效果”。 实现图片放大的效果”！
方法：1、使用transform属性配合scale()方法，句型为“transform:scale(x轴放大倍数，y轴放大倍数);”； 2、使用width和height属性，句型为“宽度：放大后的长度；高度：放大后的高度；”。
本教程的运行环境：windows10系统，CSS3&&HTML5版本，DellG3笔记本。
如何利用CSS3实现图片放大的效果
方法一、使用transform属性配合scale()方法
变换属性将 2D 或 3D 变换应用于元素。 该属性允许我们旋转、缩放、移动或倾斜元素。
scale(x,y) 定义 2D 缩放变换。
示例如下：
Document *{ margin:0 auto; } .img1{ background:pink; transform:scale(1.5,1.5); }
输出结果：
方法2、借助width和height属性
有两个属性分别用于设置元素的长度和高度。
示例如下
Document *{ margin:0 auto; } .img1{ width:300px; height:200px; }
输出结果：
感谢您的阅读，以上就是《如何利用CSS3实现图片放大的效果》的内容。 学习完这篇文章css3图片放大，相信你对如何使用CSS3实现图片放大的效果有了更深入的了解。 具体用法需要您在实践中验证。 这里是易速云，小编将为您推送更多相关知识点的文章css3图片放大，欢迎关注！
