Transitions & Animation

Transitions

import { tw } from 'typewritingclass'

tw.transitionColors().duration(200).hover.bg('indigo-600')
tw.transitionAll().duration(300).ease('ease-out')
tw.transitionOpacity().delay(150)

Presets: transition, transitionAll, transitionColors, transitionOpacity, transitionShadow, transitionTransform, transitionNone

Animation

tw.animate('spin 1s linear infinite')
tw.animate('bounce 1s infinite')

Hover transition example

const button = tw
  .px(5).py(2.5).rounded('lg')
  .bg('indigo-500').textColor('white')
  .transitionColors().duration(200)
  .hover.bg('indigo-600')