我正在使用 CSS 动画，当我加载/重新加载组件/页面时，它会像从右向左移动一样抽搐，之后它就可以正常工作了

I am using CSS animations, when I load/reload component/page it jerks like it's moving from right to left, after that it works fine what to do

提问人：Wasif Raza 提问时间：7/14/2023 最后编辑：Wasif Raza 更新时间：7/17/2023 访问量：20

问： 

 '@keyframes slideAnimationBackLarge': {
      '0%': { transform: 'translateX(15px)', opacity: 0 },
      '100%': { transform: 'translateX(0)', opacity: 1 },
    },

   '& .iconTwo': {
                position: 'absolute',
                animation: '$slideAnimationBackLarge 0.4s ',
                transition: ' all .4s ease',
                opacity: 1,}

我希望它就像页面/组件加载时一样，它不应该抽搐，默认情况下它应该处于 translateX（0） 位置

css reactjs css-selectors jss scss-lint

评论

答： 暂无答案

上一个：Sonarqube 错误地报告“意外缺少通用字体系列”Roboto“和”Poppins“”

下一个：使用零件和变量构建颜色库