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