title: JavaFX Blurry HBOX with CSS
body: <p><a href="https://i.stack.imgur.com/nluhQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nluhQ.png" alt="enter image description here" /></a></p>
  <p>css</p>
  <pre><code>   HBox:hover{
      -fx-background-color: rgba(0,0,0, .25);
      -fx-scale-x: 1.10px;
      -fx-scale-y: 1.10px;
      -fx-scale-z: 1.10px;
  }
  </code></pre>
  <p>A little difficult to tell on the picture, but its pretty blurry to me when I scale it. How can I fix this? Applies to buttons as well, which I'm also trying to do it on.</p>