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