34 lines
627 B
JavaScript
34 lines
627 B
JavaScript
const growBigThenSmall = {
|
|
properties: [
|
|
{ transform: 'scale(1)' },
|
|
{ transform: 'scale(2)' },
|
|
{ transform: 'scale(1)' }
|
|
],
|
|
options: {
|
|
duration: 333,
|
|
easing: 'ease-in-out'
|
|
}
|
|
}
|
|
|
|
const fadeColorToPressedState = {
|
|
properties: [
|
|
{ fill: 'var(--action-button-fill-color)' },
|
|
{ fill: 'var(--action-button-fill-color-pressed)' }
|
|
],
|
|
options: {
|
|
duration: 333,
|
|
easing: 'linear'
|
|
}
|
|
}
|
|
|
|
export const FAVORITE_ANIMATION = [
|
|
growBigThenSmall,
|
|
fadeColorToPressedState
|
|
]
|
|
|
|
export const REBLOG_ANIMATION = FAVORITE_ANIMATION
|
|
|
|
export const CHECKMARK_ANIMATION = [
|
|
fadeColorToPressedState
|
|
]
|