css - 完成第一个动画时的动画

Question

我正在尝试使用 CSS3 制作两个动画。

第一个动画完成后，如何制作第二个动画？我也会尝试使用手写笔，但关键帧总是有错误。

我的代码笔是: http://codepen.io/Luiggi/pen/IenGu

谢谢，路易吉

Answer 1

这是你需要做的:

您必须指定要在动画的不同阶段更改的属性:

@keyframes luiggi {
    0% { height: 0%; width: 0.09%; left: 50%;}
    50% { height: 100%; width: 0.09%; left: 50%;}
    100% { height: 100%; width: 100%; left: 0%; }
}

更新笔 here