单独写transform: translate(x,y);x指的是x轴上移动的距离,y是y轴上移动的距离。
也可以分开写
transform: translateX();
transform: translateY();
使用移动的盒子不会影响其他盒子的位置,另外还可以用%,
例如:transform:translateY(50%);指的是移动该盒子高度的一半。
注意:translate对行内元素是无效的。
前端开发转换之移动translate
最新推荐文章于 2024-09-02 19:53:00 发布
本文详细介绍了CSS的transform:translate属性,包括如何分别设置x轴和y轴的移动,以及使用百分比值的含义。强调了translate在不影响其他元素布局的情况下移动元素,并指出该属性对行内元素无效。通过实例展示了如何实现元素移动一半高度的效果。
摘要由CSDN通过智能技术生成