how to use magic css in react js
import React, { Component, PropTypes } from 'react';
import { StyleSheet, css } from 'aphrodite';
import { swap } from 'react-magic';
const styles = StyleSheet.create({
magic: {
animationName: swap,
animationDuration: '1s'
}
});
class App extends Component {
render() {
return (
<div>
<div className={css(styles.magic)}>
<h2>react-magic</h2>
</div>
</div>
);
}
}
export default App;