CSS关于translate属性的使用

IDE代码编辑工具

电脑

关于translate的第一个使用方法，就是水平偏移量的设置。在CSS中，这个被定义为X轴，所以我们只要设置关于X轴的偏移量就行了。比如：transform: translateX(100px);注意X一定要是大写的哦。

第二个方法就是Y轴的设置偏移量，当我们需要某个元素在Y轴上有所移动的时候，这个属性非常有用。比如：transform: translateY(100px);

还有一种可能就是，X与Y轴同时移动的情况，不过这种情况很少用到，这里我也给大家写出来它的用法，注意后面字母一定要大写，不然没有用的呢。transform: translate(100px,100px);当同时设置两个轴方向的偏移量时，不需要声明X还是Y轴，只需要在参数中写明两个参数，前面的是X轴，后者是Y轴。