(feature) css.keyframes() and CSS animations

[necolas]

Describe the feature request

Support css.keyframes on native. We can use Animated to polyfill this API and the following CSS props:

• animationDelay
• animationDirection
• animationDuration
• animationFillMode
• animationIterationCount
• animationName
• animationPlayState
• animationTimingFunction

[burhanyilmaz]

What you think about reanimated's keyframe animation? is it suitable for it? https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/keyframe-animations/

import { Keyframe } from 'react-native-reanimated';

const keyframe = new Keyframe({
  0: {
    transform: [{ rotate: '0deg' }],
  },
  100: {
    transform: [{ rotate: '45deg' }],
  },
});

import { Keyframe } from 'react-native-reanimated';

const keyframe = new Keyframe({
  from: {
    transform: [{ rotate: '0deg' }],
  },
  to: {
    transform: [{ rotate: '45deg' }],
  },
});