API reference

keyframes

Create the @keyframes that define the animation.

Example use:

The returned value is an 8-character hash, so you can use it directly in animationName.

TypeScript

import { css } from '@plumeria/core'
 
const fade = css.keyframes({
  from: {
    opacity: 0,
  },
  to: {
    opacity: 1,
  },
});
 
const styles = css.create({
  box: {
    animationName: fade,
    animationDuration: '1s',
  },
});

Edit on GitHub

defineThemeVars

keyframes

Example use:

On this page