yi-gu / group_effect Goto Github PK

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.

Creating this issue so that we file a TAG review request as soon as we are happy with the explainer. TAG only requires an explainer and their review takes a while usually so the sooner the better. :)