CSS syntax

[yi-gu]

Based on the explainer, a possible syntax could be:

@group_effect my_group {
  type: sequence;
  duration: 100ms;
}
@keyframe child1 {
  group: my_group;
  0% {
    top: 0;
  100% {
    top: 100px;
}
@keyframe child2{
  group: my_group;
  0% {
    top: 100px;
  100% {
    top: 200px;
}

The problem is that the timing information is not specified in @keyframe.
An alternative solution would be having lists of keyframes and timings in the div description.