一、使用 scale 设置缩放
在 CSS3 中的 2D 转换 中 , 可以使用 scale 样式 , 设置 盒子模型 的缩放属性 , 可以设置 放大 和 缩小 ;
scale 样式语法 :
transform...;
设置 transform:scale(2,2); 样式 , 表示 盒子模型 宽高 都放大了 2 倍 ;
设置 transform:scale(0.5,0.5); 样式 , 表示 盒子模型 宽高 都缩小到...scale(2,2); 样式 ;
可以为 宽度 和 高度 设置不同的倍数 , 如 : 设置 transform:scale(2,0.5); 样式 , 表示 盒子模型 宽度放大到原来的 2 倍 , 高度缩小到原来的..., 盒子模型 只能向 左右 和 下方延伸 , 不能向上方延伸 ;
会影响页面的 整体布局 , 影响 其它盒子模型 布局 ; 如 : 该盒子模型变大 , 那么下面的盒子就会被挤下去 ;
使用 transform...style>
div {
width: 200px;
height: 200px;
/* 上下 100 像素外边距,
云服务器
ICP备案
对象存储
腾讯会议
云直播
