title: Transition Duration Does not work in React-Apps?
body: <p>Im new in react-apps and im creating a simple form which has only an input and a button,i add styles to button but the transition duration doesnt work,how can i fix this in react ? without react it will work but in react i have this problem . this is my style for button </p>
  
  <pre><code>.form{
      width: 700px;
  }
  .btn-detect{
          background-color: #000;
          color: #fff;
          border: none;
          font-family: 'Felix Titling';
          letter-spacing: 2px;
          left: 0;
          -webkit-transition: transform 1s ease-in-out;
          -moz-transition: transform 1s ease-in-out;
          -o-transition: transform 1s ease-in-out;
          -ms-transition: transform 1s ease-in-out;
          transition: transform 1s ease-in-out;
  
      }
      .btn-detect:hover{
          -webkit-transform: scale(1.5);
          -moz-transform: scale(1.5);
          -o-transform: scale(1.5);
          -ms-transform: scale(1.5);
          transform: scale(1.5);
      }
  </code></pre>
  
  <p>this is react-component :</p>
  
  <pre><code>const ImageLinkForm = () =&gt; {
      return(
          &lt;div&gt;
              &lt;p className='f3 pt'&gt;
                  {'This Magic Brain will detect faces in your pictures,Give it a try!'}
              &lt;/p&gt;
              &lt;div className='center'&gt;
                  &lt;div className='form center pa4 br3 shadow-5'&gt;
                  &lt;input className='f4 pa2 w-70 center' type='text' /&gt;
                  &lt;button className='btn-detect w-30 f5 link pointer'&gt;Detect&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          );
  }
  </code></pre>