用户:Yingxxxx/common.css:修订间差异
来自Limbo Wiki Mirror
扔这来吧() |
小 改个颜色 |
||
| 第3行: | 第3行: | ||
width:200px; | width:200px; | ||
height:200px; | height:200px; | ||
background: | background:#AED6F1; | ||
animation:myfirst | animation:myfirst 6s; | ||
-moz-animation:myfirst | -moz-animation:myfirst 6s; /* Firefox */ | ||
-webkit-animation:myfirst | -webkit-animation:myfirst 6s; /* Safari and Chrome */ | ||
-o-animation:myfirst | -o-animation:myfirst 6s; /* Opera */ | ||
} | } | ||
@keyframes myfirst | @keyframes myfirst | ||
{ | { | ||
0% {background: | 0% {background:#FADBD8;} | ||
20%{background: | 20%{background:#F1948A;} | ||
40% {background: | 40% {background:#EC7063;} | ||
80%{background: | 80%{background:#2874A6;} | ||
100%{background: | 100%{background:#AED6F1 ;} | ||
} | } | ||
@-moz-keyframes myfirst /* Firefox */ | @-moz-keyframes myfirst /* Firefox */ | ||
{ | { | ||
0% {background: | 0% {background:#FADBD8;} | ||
20%{background: | 20%{background:#F1948A;} | ||
40% {background: | 40% {background:#EC7063;} | ||
80%{background: | 80%{background:#2874A6;} | ||
100%{background: | 100%{background:#AED6F1 ;} | ||
} | } | ||
@-webkit-keyframes myfirst /* Safari and Chrome */ | @-webkit-keyframes myfirst /* Safari and Chrome */ | ||
{ | { | ||
0% {background: | 0% {background:#FADBD8;} | ||
20%{background: | 20%{background:#F1948A;} | ||
40% {background: | 40% {background:#EC7063;} | ||
80%{background: | 80%{background:#2874A6;} | ||
100%{background: | 100%{background:#AED6F1 ;} | ||
} | } | ||
@-o-keyframes myfirst /* Opera */ | @-o-keyframes myfirst /* Opera */ | ||
{ | { | ||
0% {background: | 0% {background:#FADBD8;} | ||
20%{background: | 20%{background:#F1948A;} | ||
40% {background: | 40% {background:#EC7063;} | ||
80%{background: | 80%{background:#2874A6;} | ||
100%{background: | 100%{background:#AED6F1 ;} | ||
} | } | ||
2022年7月11日 (一) 13:28的版本
div
{
width:200px;
height:200px;
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 ;}
}
