#front{
margin-left:100px;
margin-right:100px;
transition:margin-left 1s;
text-align:center;
margin-bottom:-30px;
}
上面的轉換代碼之前可以作業，但在 2-3 周后它停止作業。我不知道為什么？
我還檢查了不同的瀏覽器，但轉換不起作用。
uj5u.com熱心網友回復：
當您更改margin-left. 請參閱下面的示例。
#front {
margin-left: 100px;
margin-right: 100px;
transition: margin-left 1s;
text-align: center;
margin-bottom: -30px;
}
#front:hover {
margin-left: 50px;
}<div id="front">Hello world</div>uj5u.com熱心網友回復：
我不知道你想要什么結果，但基于@gerad 的回答，我只是修改了一點。更改transition到animation添加keyframes，如果你想的onload
#front {
margin-left: 100px;
margin-right: 100px;
animation: margin-left 1s;
text-align: center;
margin-bottom: -30px;
}
@keyframes margin-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50px);
}
}<div id="front">Hello world</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/329286.html