Skip to content

Transforms

import { tw } from 'typewritingclass'
tw.scale(110) // transform: scale(1.1)
tw.rotate('45deg') // transform: rotate(45deg)
tw.translateX('1rem') // transform: translateX(1rem)
tw.translateY('-50%') // transform: translateY(-50%)
tw.skewX('6deg') // transform: skewX(6deg)
tw.transformOrigin('center')
const zoomCard = tw.transition().duration(200).hover.scale(105)
UtilityExample
scalescale(110)scale(1.1)
scaleX / scaleYscaleX(150)scaleX(1.5)
rotaterotate('45deg')
translateX / translateYtranslateX('1rem')
skewX / skewYskewX('6deg')
transformOrigintransformOrigin('center')