Pinafore-Web-Client-Frontend/routes/_static/animations.js

export const FAVORITE_ANIMATION = [
  {
    properties: [
      {transform: 'scale(1)'},
      {transform: 'scale(2)'},
      {transform: 'scale(1)'}
    ],
    options: {
      duration: 333,
      easing: 'ease-in-out'
    }
  },
  {
    properties: [
      {fill: 'var(--action-button-fill-color)'},
      {fill: 'var(--action-button-fill-color-pressed)'}
    ],
    options: {
      duration: 333,
      easing: 'linear'
    }
  }
]

export const REBLOG_ANIMATION = FAVORITE_ANIMATION

export const FOLLOW_BUTTON_ANIMATION = [
  {
    properties: [
      {transform: 'scale(1)'},
      {transform: 'scale(2)'},
      {transform: 'scale(1)'}
    ],
    options: {
      duration: 333,
      easing: 'ease-in-out'
    }
  }
]