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

时间:2019-01-23 10:50:13

标签: css

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

1 个答案:

答案 0 :(得分:0)

您可以设置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{}
}