How to do a transform scale animation with jQuery?
<p>I'm trying achieve and "opening-window" animation, I tried the following:</p>

<pre><code>import $ from 'jquery'

export const fade = {
  css: false,
  enter: function (el, done) {
    $(el)
      .css('opacity', 0)
      .css({ transform: 'scale(0.9,0.9)' })
      .animate({
        opacity: 1,
        transform: 'scale(1,1)'
      }, 1000, done)
  },
  enterCancelled: function (el) {
    $(el).stop()
  },
  leave: function (el, done) {
    $(el).animate({
      opacity: 0,
      transform: 'scale(0.9,0.9)'
    }, 1000, done)
  },
  leaveCancelled: function (el) {
    $(el).stop()
  }
}
</code></pre>

<p>But only the <code>opacity</code> animation works (it goes from 0 to 1). And only <code>transform: 'scale(0.9,0.9)'</code> is being applied.</p>

<p><strong>Note:</strong> I also tried with <code>'-webkit-transform'</code> since I'm using Chrome, but it didn't work either.</p>

<p>What's the reason <code>transform</code> isn't working? </p>