下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家,也给大家做个参考。
@keyframes foolday1 { 0% { left: 0px; top: 0px; } 25% { left: 0px; top: 300px; } 50% { left: 0px; top: 200px; } 75% { left: 0px; top: 10px; } 100% { left: 0px; top: 0px; } } @-moz-keyframes foolday1 /* Firefox */ { 0% { left: 0px; top: 0px; } 25% { left: 0px; top: 300px; } 50% { left: 0px; top: 200px; } 75% { left: 0px; top: 10px; } 100% { left: 0px; top: 0px; } } @-webkit-keyframes foolday1 /* Safari 和 Chrome */ { 0% { left: 0px; top: 0px; } 25% { left: 0px; top: 300px; } 50% { left: 0px; top: 200px; } 75% { left: 0px; top: 10px; } 100% { left: 0px; top: 0px; } } @-o-keyframes foolday1 /* Opera */ { 0% { left: 0px; top: 0px; } 25% { left: 0px; top: 300px; } 50% { left: 0px; top: 200px; } 75% { left: 0px; top: 10px; } 100% { left: 0px; top: 0px; } } @keyframes foolday2 { 0% { left: 0px; top: 0px; } 25% { left: 0px; top: 200px; } 50% { left: 0px; top: 120px; } 75% { left: 0px; top: 50px; } 100% { left: 0px; top: 0px; } } @-moz-keyframes foolday2 /* Firefox */ { 0% { left: 0px; top: 0px; } 25% { left: 0px; top: 200px; } 50% { left: 0px; top: 120px; } 75% { left: 0px; top: 50px; } 100% { left: 0px; top: 0px; } } @-webkit-keyframes foolday2 /* Safari 和 Chrome */ { 0% { left: 0px; top: 0px; } 25% { left: 0px; top: 200px; } 50% { left: 0px; top: 120px; } 75% { left: 0px; top: 50px; } 100% { left: 0px; top: 0px; } } @-o-keyframes foolday2 /* Opera */ { 0% { left: 0px; top: 0px; } 25% { left: 0px; top: 200px; } 50% { left: 0px; top: 120px; } 75% { left: 0px; top: 50px; } 100% { left: 0px; top: 0px; } } @keyframes foolday3 { 0% { left: 0px; top: 0px; } 25% { left: 0px; top: 120px; } 50% { left: 0px; top: 80px; } 75% { left: 0px; top: 40px; } 100% { left: 0px; top: 0px; } } @-moz-keyframes foolday3 /* Firefox */ { 0% { left: 0px; top: 0px; } 25% { left: 0px; top: 120px; } 50% { left: 0px; top: 80px; } 75% { left: 0px; top: 40px; } 100% { left: 0px; top: 0px; } } @-webkit-keyframes foolday3 /* Safari 和 Chrome */ { 0% { left: 0px; top: 0px; } 25% { left: 0px; top: 120px; } 50% { left: 0px; top: 80px; } 75% { left: 0px; top: 40px; } 100% { left: 0px; top: 0px; } } @-o-keyframes foolday3 /* Opera */ { 0% { left: 0px; top: 0px; } 25% { left: 0px; top: 120px; } 50% { left: 0px; top: 80px; } 75% { left: 0px; top: 40px; } 100% { left: 0px; top: 0px; } } #foolday1 { position: relative; animation: foolday1 5s; -moz-animation: foolday1 5s; /* Firefox */ -webkit-animation: foolday1 5s; /* Safari 和 Chrome */ -o-animation: foolday1 5s; /* Opera */ animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; /* Safari 和 Chrome */ -o-animation-delay: 1s; } #foolday2 { position: relative; animation: foolday2 4s; -moz-animation: foolday2 4s; /* Firefox */ -webkit-animation: foolday2 4s; /* Safari 和 Chrome */ -o-animation: foolday2 4s; /* Opera */ animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s; /* Safari 和 Chrome */ -o-animation-delay: 2s; } #foolday3 { position: relative; animation: foolday3 3s; -moz-animation: foolday3 3s; /* Firefox */ -webkit-animation: foolday3 3s; /* Safari 和 Chrome */ -o-animation: foolday3 3s; /* Opera */ animation-delay: 3s; -moz-animation-delay: 3s; -webkit-animation-delay: 3s; /* Safari 和 Chrome */ -o-animation-delay: 3s; } #foolday4 { position: relative; animation: foolday1 2s; -moz-animation: foolday1 2s; /* Firefox */ -webkit-animation: foolday1 2s; /* Safari 和 Chrome */ -o-animation: foolday1 2s; /* Opera */ animation-delay: 4s; -moz-animation-delay: 4s; -webkit-animation-delay: 4s; /* Safari 和 Chrome */ -o-animation-delay: 4s; }
以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。