title: JavaFX Button hover scaling
body: <p>I started learning about JavaFX effects, but I can't seem to find any relevant information on button scalling on hover.</p>
  
  <p>I'm guessing it could be done by either JavaFX code with the Scale transition or with CSS.
  In CSS I have found a way to grow button's on mouse hover, but I don't know how to implement it to JavaFX.</p>
  
  <p>Here is the grow hover effect in pure css code for html:</p>
  
  <pre><code>.hvr-grow {
      display: inline-block;
      vertical-align: middle;
      transform: translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      backface-visibility: hidden;
      -moz-osx-font-smoothing: grayscale;
      transition-duration: 0.3s;
      transition-property: transform;
  }
  
  .hvr-grow:hover,
  .hvr-grow:focus,
  .hvr-grow:active {
      transform: scale(1.1);
  }
  </code></pre>
  
  <p>How could I transform that css code into fx-css code? Is css code the same as fx-css code? (meaning do i just have to put "-fx-[buttonID]"in front and thats it?)</p>
  
  <p>If there is any information reguarding CSS animations and stuff like that for JavaFX css, I would like to know.</p>
  
  <p>Could you please help me with this task?</p>