从 3 个独立的创建一个 CSS 动画

编程问答 2022-05-07

问题描述

我是 CSS 动画的初学者，我已经从设计文件中导出了 CSS 动画代码来制作这样的动画。

@keyframes first {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes second {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}

@keyframes third{
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

animation: ${first} 307ms ease-in-out 0ms normal,${second} 2193ms linear 307ms normal,${third} 503ms ease-in-out 2500ms normal;

但是我想知道是否可以在一个动画中制作它？如果我想在生成的版本中拥有相同的时间。如果是，以什么方式？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

animationanimationanimationbeziercss-animationsjavascript