veltman / flubber

Tools for smoother shape animations.
MIT License
6.61k stars 167 forks source link

Animation typical doesn't work over time #107

Open anaisnisimov opened 4 years ago

anaisnisimov commented 4 years ago

Hello, I send to you a message because It was hapened a strange thing when I used your plugin typical... I follow all your tutorial, and the animation work great until 5 minutes, the animation become very fast and fast and I don't understand why , I try with several navigator and I have the same problem... I send to you a video to show you : https://youtu.be/zsOzF6gpqsc

And I show you my code :

import React from 'react';

// import scss
import './home.scss';
// import typical animation
import Typical from 'react-typical';

class Home extends React.Component {
  state = {
  }

  render() {

    return (
      <div id="home">
        <div id="home-presentation">
          <h1 id="home-title">Anaïs Nisimov</h1>
          <p id="home-paragraph">Je suis{' '}
            <Typical
              id="home-profil"
              steps={['artiste sonore et numérique', 2000, 'développeuse web Junior', 2000]}
              loop={Infinity}
              wrapper="b"
            />
          </p>
        </div>
        <div id="home-ContainerImage">
          <img id="home-image" src="src/assets/images/logoecoute1_copie.png" alt="logohome" size="small" />
        </div>
      </div>
    );
  }
}

export default Home;

If you see something I mised, please let me know

PS: thanks for the tutorial ^^