2D转换(改削挪动)

2026-07-22 09:37:45/百科/1179 阅读

(1)缩放scale

缩放 ,换改看文生义 ,削挪可以放除夜和促进。换改只需给元素添加上了这个属性就可以独霸它放除夜仍是削挪促进


重点 :

1. 寄看个中的x和y用逗号离开

2. transform:scale(1,1):宽和高都放除夜一倍,绝对没有放除夜

3. transform:scale(2,换改2):宽和高都放除夜了2倍

4. transform:scale(2):只写一个参数 ,第二个参数则和第一个参数一样,削挪相当于

5. scale(2,换改2)transform:scale(0.5,0.5)∶促进

6. sacle缩放最除夜的优势:可以设置转换中心点缩放  ,默许以中心点缩放的削挪 ,并且不影响其他盒子。换改

div {      width: 200px;     height: 200px;     background-color: pink;     margin: 100px auto;     transform-origin: left bottom;/*可以设置缩放左下角 默许是削挪中心点*/     transition: all 0.4s; /*过渡*/ }  div:hover {      transform: scale(0.5, 0.5);/*缩放*/

#免责声明#

本站提供的一切资源、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。