使用CSS加载1秒钟后翻转图像

Question

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

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{}
}