blob: 3edbd3eaaf4e20f6e0e5d09ad9f86927447911ed (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
width="100" height="100">
<defs>
<style>
#myRect {
animation-duration: 0.1s;
animation-name: fade;
animation-fill-mode: forwards;
}
@keyframes fade {
0% { fill-opacity: 0 }
100% { fill-opacity: 1 }
}
</style>
</defs>
<rect width="100%" height="100%" fill="red"/>
<rect id="myRect" width="100%" height="100%" fill="lime" fill-opacity="0"/>
</svg>
|
