css 变形

最新推荐文章于 2024-07-26 09:56:47 发布

小小心LOVE

最新推荐文章于 2024-07-26 09:56:47 发布

阅读量176

点赞数

本文链接：https://blog.csdn.net/weixin_41671425/article/details/82016660

版权

                    
                        
                    
                    1. 2d变形 
transform 写在：hover 里 鼠标放上去有一个动画效果 
transition 写在做动画的元素里，谁做动画谁加过渡 
1. translate 移动 （px）/（%） 
translate（50%）；里面如果时% ，不是以父级为标准，而是以自己的宽度为准 
此特性可以让定对的盒子居中齐位 
2. scale 缩放 （数字） 
小于1是缩小，大于1是放大 
3. rotate 旋转（angle）（90deg）90度 默认围绕中心点旋转 
transform-origin:top right;设置旋转中心点（右上角）/（px） 这个属性跟transition一样写在加动画的元素里。 
4. skew 倾斜 （deg） 
rotate与skew 不能同时使用 
2. 3d变形 
transform 
1. rotate 旋转 
2. perspective 透视
                