css - 使用css加载1秒后翻转图像

Question

我正在使用 CSS 和 HTML 在悬停时翻转图像，但如何在加载后翻转图像 1 秒？

标签： css

Answer 1

您可以将关键帧动画设置为延迟 1 秒。确保保留动画中的forwards样式。

.flip {
  animation: flip-animation .25s 1s forwards;
  -webkit-animation: flip-animation .25s 1s forwards; /* for less modern browsers */
}

@keyframes flip-animation {
  // code to flip the
  from {}
  to{}
}