@keyframes move {
0% { left: 0; }
100% { left: 100%; }
}
.train {
--d: 8s;
content: "choo-choo";
animation: move var(--d);
}
0% { left: 0; }
100% { left: 100%; }
}
.train {
--d: 8s;
content: "choo-choo";
animation: move var(--d);
}
#Japan .train {
animation-duration:
calc(var(--d) * 0.5);
}
animation-duration:
calc(var(--d) * 0.5);
}
#USA .train {
animation-duration:
calc(var(--d) * 1.5);
}
animation-duration:
calc(var(--d) * 1.5);
}
#Iceland .train {
display: none;
}
display: none;
}
#UK .train {
animation-delay: 2s;
animation-play-state: paused;
}
animation-delay: 2s;
animation-play-state: paused;
}