關于一半位置顯示動畫的問題
請問為什么一開始要在img里設置left：50%，往右移動一半，然后再設置transform: translateX(-50%);讓圖片居中？作用是什么？
我感覺沒好處只有壞處?。繅奶幘褪菑淖笾劣业膭赢嬕苿拥揭话刖屯Ｒ幌?，不連貫了。那為什么要這么設置呢？
舉報
0/150
提交
取消
請問為什么一開始要在img里設置left：50%，往右移動一半，然后再設置transform: translateX(-50%);讓圖片居中？作用是什么？
我感覺沒好處只有壞處?。繅奶幘褪菑淖笾劣业膭赢嬕苿拥揭话刖屯Ｒ幌?，不連貫了。那為什么要這么設置呢？
2018-06-09
舉報
2018-10-19
position:absolute,left:50%后
,讓它往左移足夠的空間,
顯示它的全部寬度,
我這里采用transform: translateX(-50%);對它進行移位、
自動設置了自己的寬度為父寬度()的一半.
2021-01-20
那是居中的一種寫法。至于圖片移動只有一半，你只要在動畫里將left：0；補上就可以了。
2018-10-19
translateY(Y)僅垂直方向移動（Y軸移動）可以說是上下移動
translateX(x)僅水平方向移動（X軸移動）可以說是左右移動
translate(x,y)水平方向和垂直方向同時移動（也就是X軸和Y軸同時移動）x左右移動，y上下移動
2018-10-19
水平垂直居中