The transform property lets you rotate, scale, or translate an element
October 15, 2022 ยท View on GitHub
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)'
}
};