How to create CSS keyframe rule in Dart

Question

I need to create @keyframe rules dynamically in Dart and add them to document stylesheet. Here is an example in JS of what I\'m trying to do:

Answer 1

The following code seems to work.

void main() {
  final styleSheet = document.styleSheets[0] as CssStyleSheet;
  final rule = '@-webkit-keyframes mymove { from {top:0px;} to {top:200px;} }';
  styleSheet.insertRule(rule, 0);
}