blob: fb7a56ffbb52973662cf503e01014669999246d2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!DOCTYPE html>
<html id="landing-page-home">
<style>
@keyframes opacity {
from { opacity: 0; }
to { opacity: 1; }
}
#circle {
animation: opacity 1s infinite;
}
</style>
<svg width="100" height="100">
<mask id="mask">
<circle id="circle" cx="50" cy="50" r="50" fill="red"/>
</mask>
<rect class="rect" x="0" y="0" width="100" height="100" fill="blue" mask="url(#mask)"/>
</svg>
</html>
|