keyframes function
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;
}