press-next
Version:
Vue3 组件库，支持 Composition API
48 lines (44 loc) • 2.08 kB
JavaScript
const animationConfig = {
more_match: 'animation_more 1.28s steps(1) infinite forwards',
};
const keyframesConfig = {
animation_more: {
'0%': {
width: '100%',
height: '0',
paddingBottom: '100%',
backgroundImage: 'url(\'https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/anime/more-match-0.png\')',
backgroundSize: '2700% 100%',
},
'3.70%': { backgroundPosition: '3.8461538461538463% 0%' },
'7.41%': { backgroundPosition: '7.6923076923076925% 0%' },
'11.11%': { backgroundPosition: '11.538461538461538% 0%' },
'14.81%': { backgroundPosition: '15.384615384615385% 0%' },
'18.52%': { backgroundPosition: '19.230769230769234% 0%' },
'22.22%': { backgroundPosition: '23.076923076923077% 0%' },
'25.93%': { backgroundPosition: '26.923076923076923% 0%' },
'29.63%': { backgroundPosition: '30.76923076923077% 0%' },
'33.33%': { backgroundPosition: '34.61538461538461% 0%' },
'37.04%': { backgroundPosition: '38.46153846153847% 0%' },
'40.74%': { backgroundPosition: '42.30769230769231% 0%' },
'44.44%': { backgroundPosition: '46.15384615384615% 0%' },
'48.15%': { backgroundPosition: '50% 0%' },
'51.85%': { backgroundPosition: '53.84615384615385% 0%' },
'55.56%': { backgroundPosition: '57.692307692307686% 0%' },
'59.26%': { backgroundPosition: '61.53846153846154% 0%' },
'62.96%': { backgroundPosition: '65.38461538461539% 0%' },
'66.67%': { backgroundPosition: '69.23076923076923% 0%' },
'70.37%': { backgroundPosition: '73.07692307692307% 0%' },
'74.07%': { backgroundPosition: '76.92307692307693% 0%' },
'77.78%': { backgroundPosition: '80.76923076923077% 0%' },
'81.48%': { backgroundPosition: '84.61538461538461% 0%' },
'85.19%': { backgroundPosition: '88.46153846153845% 0%' },
'88.89%': { backgroundPosition: '92.3076923076923% 0%' },
'92.59%': { backgroundPosition: '96.15384615384616% 0%' },
'96.30%, 100%': { backgroundPosition: '100% 0%' },
},
};
module.exports = {
animationConfig,
keyframesConfig,
};