keyframes function

String keyframes (String markup, { String prefix })

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

If isDev is true, prefix will be added before the generated animation name for the sake of debugging.

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

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

Implementation

String keyframes(String markup, {String prefix}) {
  String name = generateUniqueName();
  if (isDev && prefix != null) {
    name = prefix + name;
  }
  sheet.add('@keyframes $name{$markup}');
  return name;
}