Animación con react-animations

De enunpimpam
Revisión del 14:48 21 ago 2020 de Nacho (discusión | contribuciones) (Página creada con «instalar https://www.npmjs.com/package/react-animations y radium npm install radium react-animations <syntaxhighlight lang="jsx"> import React from 'react'; import './App.…»)
(dif) ← Revisión anterior | Revisión actual (dif) | Revisión siguiente → (dif)
Saltar a: navegación, buscar

instalar https://www.npmjs.com/package/react-animations y radium

npm install radium react-animations
import React from 'react';
import './App.css';
import { bounce } from 'react-animations';
import Radium, { StyleRoot } from 'radium';



const styles = {
  bounce: {
    animation: 'x 1s',
    animationName: Radium.keyframes(bounce, 'bounce')
  }
}

class App extends React.Component {
  render() {
    return (

      <StyleRoot>
        <div className="test" >
          <div className="App">
            <header className="App-header">
              <h1 style={styles.bounce}>Quitado</h1>

            </header>
          </div>
        </div>
      </StyleRoot>
    );
  }
}

export default App;