我使其在2秒完成,用来-50%移动,那不过你想要的改变。
.box{
-webkit-animation: right-to-left 2s linear infinite; /* Chrome, Safari, Opera */
animation: right-to-left 2s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes right-to-left {
100%{
left:-50%
}
}
@keyframes left-to-right {
100%{
left:-50%
}
}
.square{
-webkit-animation: left-to-right 2s linear infinite; /* Chrome, Safari, Opera */
animation: left-to-right 2s linear infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes left-to-right {
100%{
right:-50%
}
}
@keyframes left-to-right {
100%{
right:-50%
}
}