|
|
@ -340,6 +340,22 @@ body { |
|
|
|
transform: rotate(-1deg); |
|
|
|
transform: rotate(-1deg); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@keyframes truckMove { |
|
|
|
|
|
|
|
0% { |
|
|
|
|
|
|
|
transform: translateX(-250px); /* 卡车从屏幕左侧外部开始 */ |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
50% { |
|
|
|
|
|
|
|
transform: translateX(calc(10px)); /* 卡车移出到屏幕右侧外部 */ |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
100% { |
|
|
|
|
|
|
|
transform: translateX(150px); /* 卡车从左侧再次进入 */ |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.truck { |
|
|
|
|
|
|
|
animation: truckMove 1s linear infinite; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.truck > .smoke { |
|
|
|
.truck > .smoke { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|