transform-origin not working in Firefox even properties in percentage value

Question

CSS3 transform-origin not working in firefox browser.

I am trying to run transform: rotate(360deg); in @keyframes for &

Answer 1

You could use this function to save up some time calculating these static positions. Just pass x, y percent values, a selector and execute right in the browser console:

;(function getStaticCoords(x, y, elementId) {
  var coord = $(elementId)[0].getBBox()
  var coordW = coord.width * x / 100
  var coordH = coord.height * y / 100
  return coord.x + coordW + 'px ' + (coord.y + coordH / 2 + 'px')
})(50, 50, '#myDOMElement')