如何使CSS动画在容器中开始？

Question

圆圈1表示：代码从此处开始的动画第2圈是我希望代码开始的地方。如何做到这一点？

我正在使用关键帧进行动画制作。

代码：

p {   animation-duration: 3s;   animation-name: slidein; }

@keyframes slidein {   from {
    margin-left: 100%;
    width: 300%;    }

  to {
    margin-left: 0%;
    width: 100%;   } }

Answer 1

检查以下代码段：