Tag: 简历

如何使用JavaScript暂停和恢复CSS3animation?

我试图谷歌,从这个论坛看,我的问题的解决scheme,但没有运气到目前为止。 我想通过点击图片来暂停我的CSS3animation(图片幻灯片),并通过点击图片恢复到相同的animation。 我知道如何暂停幻灯片放映,而且我也能够恢复一次,但是如果尝试暂停和恢复一次以上,则停止工作。 以下是我的代码的样子: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .pic { position: absolute; opacity: 0; } #pic1 { -webkit-animation: pic1 4s infinite linear; } #pic2 { -webkit-animation: pic2 4s infinite linear; } @-webkit-keyframes pic1 { 0% {opacity: 0;} 5% {opacity: 1;} 45% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 0;} } @-webkit-keyframes pic2 […]