200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > html 背景不是图片是动画 使用CSS3动画更改背景图像

html 背景不是图片是动画 使用CSS3动画更改背景图像

时间:2019-08-13 04:56:03

相关推荐

html 背景不是图片是动画 使用CSS3动画更改背景图像

为什么这不起作用?我究竟做错了什么?

的CSS

@-webkit-keyframes test {

0% {

background-image: url('frame-01.png');

}

20% {

background-image: url('frame-02.png');

}

40% {

background-image: url('frame-03.png');

}

60% {

background-image: url('frame-04.png');

}

80% {

background-image: url('frame-05.png');

}

100% {

background-image: url('frame-06.png');

}

}

div {

float: left;

width: 200px;

height: 200px;

-webkit-animation-name: test;

-webkit-animation-duration: 10s;

-webkit-animation-iteration-count: 2;

-webkit-animation-direction: alternate;

-webkit-animation-timing-function: linear;

}

演示

/hAGKv/

提前致谢!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。