Skip to content

Latest commit

 

History

History
34 lines (31 loc) · 804 Bytes

transform.md

File metadata and controls

34 lines (31 loc) · 804 Bytes
Raw

The transform property lets you rotate, scale, or translate an element

Syntax

  • transform: rotate(10deg)
  • transform: translate(10px, 20px)
  • transform: scale(1.5)
  • transform: translate-x(10px)
  • transform: translate-y(20px)
  • transform: transform-width(20px)
  • transform: transform-height(20px)
  • transform: translate-y(20px) scale(1.5) rotate(10deg)

Usage

function App () {
    return (
            <GIF
                align={{
                    type: EAlignType.ALIGN_CENTER,
                }}
                style={style.gif}
                src="http://p0.itc.cn/q_70/images03/20200807/9405b7432e34421b866f35a087812b6f.gif"
            />
    )
};

const style = {
    gif: {
        'width': 'auto',
        'height': 'auto',
        'transform': 'rotate(60deg)'
    }
};