css3有图片缩小属性吗

2022-04-24 17:00:08 IT技术网 互联网
浏览

css3有图片缩小属性，该属性是Transform；Transform属性允许对元素进行旋转、缩放、移动、倾斜等操作，当该属性与scale方法配合使用，就可以设置图片缩小，语法为“图片对象{transform:scale(缩放倍数)}”。

本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。

css3有图片缩小属性吗

css3有图片缩小属性

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

scale(x,y)方法定义 2D 缩放转换。

示例如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css</title>
<style>
img{
transform:scale(0.5,0.5);
}
</style>
</head>
<body>
<img src="1118.02.png">
</body>
</html>

输出结果：

12.png

原始大小为：

13.png

（学习视频分享：css视频教程）

以上就是css3有图片缩小属性吗的详细内容，更多请关注dnjidi.com其它相关文章！
css