keyframes function

String keyframes (String markup)

Inserts a @keyframes rule and returns a unique name for the rule.

final fontBulger = keyframes('''
  0%, 100% {
    font-size: 10px;
  }
  50% {
    font-size: 15px;
  }
''');

querySelector('#output')
  ..className = dss('animation: $fontBulger 2s infinite')
  ..text = "Hello";

Implementation

String keyframes(String markup) {
  String name = generateUniqueName();
  sheet.add('@keyframes $name{$markup}');
  return name;
}