Question

我希望我设置的背景动画会延迟开始。

以下是小提琴链接：Fiddle link

这是css代码：

import java.io.*;
import java.lang.*;

class  a
{
  public static void main(String args[]) throws IOException
    {
    BufferedReader br=new BufferedReader(new InputStreamReader(System.in));
    int ch=Integer.parseInt(br.read());
    System.out.print(ch);
    }
}

Answer 1

只需添加第二个时间参数作为延迟时间：

transition: background .7s .5s ease-out;

这将导致500毫秒的延迟。

Answer 2

将此行添加到.loginButton CSS：

animation-delay: 2s;

Answer 3

 div {
 width: 100px;
 height: 100px;
 background: red;
 position: relative;
-webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */ 
 -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
 animation: mymove 5s infinite;
 animation-delay: 2s;
 }

 /* Chrome, Safari, Opera */
 @-webkit-keyframes mymove {
 from {left: 0px;}
 to {left: 200px;}
 } 

 @keyframes mymove {
 from {left: 0px;}
 to {left: 200px;} 
  }

Html 

 <div>
  </div>

请检查此链接：http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_animation-delay

如何延迟背景动画

3 个答案: