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