關(guān)于一半位置顯示動(dòng)畫的問題
請(qǐng)問為什么一開始要在img里設(shè)置left：50%，往右移動(dòng)一半，然后再設(shè)置transform: translateX(-50%);讓圖片居中？作用是什么？
我感覺沒好處只有壞處??？壞處就是從左至右的動(dòng)畫移動(dòng)到一半就停一下，不連貫了。那為什么要這么設(shè)置呢？
4 回答
舉報(bào)
0/150
提交
取消
請(qǐng)問為什么一開始要在img里設(shè)置left：50%，往右移動(dòng)一半，然后再設(shè)置transform: translateX(-50%);讓圖片居中？作用是什么？
我感覺沒好處只有壞處??？壞處就是從左至右的動(dòng)畫移動(dòng)到一半就停一下，不連貫了。那為什么要這么設(shè)置呢？
2018-06-09
舉報(bào)
2018-10-19
position:absolute,left:50%后
,讓它往左移足夠的空間,
顯示它的全部寬度,
我這里采用transform: translateX(-50%);對(duì)它進(jìn)行移位、
自動(dòng)設(shè)置了自己的寬度為父寬度()的一半.
2021-01-20
那是居中的一種寫法。至于圖片移動(dòng)只有一半，你只要在動(dòng)畫里將left：0；補(bǔ)上就可以了。
2018-10-19
translateY(Y)僅垂直方向移動(dòng)（Y軸移動(dòng)）可以說是上下移動(dòng)
translateX(x)僅水平方向移動(dòng)（X軸移動(dòng)）可以說是左右移動(dòng)
translate(x,y)水平方向和垂直方向同時(shí)移動(dòng)（也就是X軸和Y軸同時(shí)移動(dòng)）x左右移動(dòng)，y上下移動(dòng)
2018-10-19
水平垂直居中