Source Code:
(back to article)
Submit
Result:
Report an issue
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
›
⌄
⌄
⌄
<
div
class=
"fill-mode-box"
></
div
>
<
style
>
.
fill-mode-box
{
width:
100
px
;
height:
100
px
;
background-color:
purple
;
animation:
fillMode
3
s
forwards
;
}
@keyframes
fillMode
{
0
%
{ background-color:
purple
; }
100
%
{ background-color:
orange
; }
}
</
style
>
<div class="fill-mode-box"></div> <style> .fill-mode-box { width: 100px; height: 100px; background-color: purple; animation: fillMode 3s forwards; } @keyframes fillMode { 0% { background-color: purple; } 100% { background-color: orange; } } </style>