                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

transform: translate(-50%, -50%);

transform: translate(-50%, -50%);它代表x，y轴的话，不应该是向下和向左移?

LeeSin_King123

2020-04-29

源自：初识HTML(5)+CSS(3)-升级版 15-4

关注问题我要回答

1739

操作

收起

3 回答

五月的夏天
2020-04-30

你好,坐标轴x轴是从右往左为正,y轴是从上往下为正

1 回复有任何疑惑可以回复我~

收起回答

慕仙953160

translate 默认以自己的中心点为原点(0，0)，你误导人了。 rotations, scaling or skewing, that need a specific point as a "transform-origin". 参考：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms