styles property

  1. @css
List<StyleRule> styles
final

Implementation

@css
static final List<StyleRule> styles = [
  css('@keyframes arcane-slide-left').styles(raw: {
    'from': 'transform: translateX(100%)',
    'to': 'transform: translateX(0)',
  }),
  css('@keyframes arcane-slide-right').styles(raw: {
    'from': 'transform: translateX(-100%)',
    'to': 'transform: translateX(0)',
  }),
  css('@keyframes arcane-slide-up').styles(raw: {
    'from': 'transform: translateY(100%)',
    'to': 'transform: translateY(0)',
  }),
  css('@keyframes arcane-slide-down').styles(raw: {
    'from': 'transform: translateY(-100%)',
    'to': 'transform: translateY(0)',
  }),
];