|
|
| （未显示1个用户的6个中间版本） |
| 第1行： |
第1行： |
| div
| | body |
| { | | { |
| width:200px;
| | background-color: #9198e5; |
| height:200px;
| | background-image: linear-gradient(#e66465, #9198e5); |
| background:#AED6F1; | |
| animation:myfirst 6s;
| |
| -moz-animation:myfirst 6s; /* Firefox */
| |
| -webkit-animation:myfirst 6s; /* Safari and Chrome */
| |
| -o-animation:myfirst 6s; /* Opera */
| |
| }
| |
| | |
| @keyframes myfirst
| |
| {
| |
| 0% {background:#FADBD8;}
| |
| 20%{background:#F1948A;}
| |
| 40% {background:#EC7063;}
| |
| 80%{background:#2874A6;}
| |
| 100%{background:#AED6F1 ;}
| |
| }
| |
| | |
| @-moz-keyframes myfirst /* Firefox */
| |
| {
| |
| 0% {background:#FADBD8;}
| |
| 20%{background:#F1948A;}
| |
| 40% {background:#EC7063;}
| |
| 80%{background:#2874A6;}
| |
| 100%{background:#AED6F1 ;}
| |
| }
| |
| | |
| | |
| @-webkit-keyframes myfirst /* Safari and Chrome */
| |
| {
| |
| 0% {background:#FADBD8;}
| |
| 20%{background:#F1948A;}
| |
| 40% {background:#EC7063;}
| |
| 80%{background:#2874A6;}
| |
| 100%{background:#AED6F1 ;}
| |
| }
| |
| | |
| | |
| @-o-keyframes myfirst /* Opera */
| |
| {
| |
| 0% {background:#FADBD8;}
| |
| 20%{background:#F1948A;}
| |
| 40% {background:#EC7063;}
| |
| 80%{background:#2874A6;}
| |
| 100%{background:#AED6F1 ;}
| |
| } | | } |
2025年6月25日 (三) 23:40的最新版本
body
{
background-color: #9198e5;
background-image: linear-gradient(#e66465, #9198e5);
}
