react-overdrive/src/prefix.js

Super easy magic-move transitions for React apps

const propertiesToPrefix = {
  transform: true,
  transformOrigin: true,
  transition: true
}

const webkitPrefix = 'Webkit'

const prefix = (styles) => {
  const prefixedStyles = {}
  const styleProperties = Object.keys(styles || {})
  styleProperties.forEach(property => {
    if (propertiesToPrefix[property]) {
      const prefixedProperty = webkitPrefix + property[0].toUpperCase() + property.slice(1)
      prefixedStyles[prefixedProperty] = styles[property]
    }
    prefixedStyles[property] = styles[property]
  })
  return prefixedStyles
}

export default prefix