KeymailSpecials2/wwwroot/images/blocks/preview/svg-bg/animated_shape.svg

1 line
1.7 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1280" preserveAspectRatio="none"><g mask="url(&quot;#SvgjsMask1008&quot;)" fill="none"><path fill="#0e2a47" d="M0 0h1920v1280H0z"/><path d="M611.481 387.469c74.204 5.454 156.418-10.927 194.299-74.966 38.357-64.843 15.017-146.165-26.177-209.244-37.094-56.802-100.299-89.852-168.122-88.281-65.123 1.508-123.645 38.755-155.152 95.769-30.496 55.185-26.098 121.423 4.737 176.419 31.588 56.339 85.999 95.568 150.415 100.303M208.696 653.864L-44.9 707.768 9.002 961.365 262.6 907.461z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float1"/><path d="M1802.441 806.22c95.113 5.201 186.306-49.498 230.602-133.827 41.71-79.407 22.271-175.979-29.337-249.34-44.405-63.121-124.09-78.124-201.265-78.459-77.968-.339-162.96 10.601-204.318 76.697-43.297 69.194-24.65 155.966 13.619 228.063 41.361 77.922 102.612 152.049 190.699 156.866" fill="rgba(28, 83, 142, 0.4)" class="triangle-float2"/><path d="M1129.365 662.978l146.549 102.615 80.648-271.131z" fill="rgba(28, 83, 142, 0.4)" style="animation:float3 6s infinite"/><path d="M1237.057 734.784l-372.882-52.405-52.405 372.882 372.882 52.405z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float2"/><path d="M1549.573 272.205L1229.56 401.5l129.293 320.012 320.012-129.293z" fill="rgba(28, 83, 142, 0.4)" class="triangle-float1"/></g><defs><style>@keyframes float1{0%{transform:translate(0,0)}50%{transform:translate(-10px,0)}}@keyframes float2{0%{transform:translate(0,0)}50%{transform:translate(-5px,-5px)}}@keyframes float3{0%{transform:translate(0,0)}50%{transform:translate(0,-10px)}}.triangle-float1{animation:float1 5s infinite}.triangle-float2{animation:float2 4s infinite}</style><mask id="SvgjsMask1008"><path fill="#fff" d="M0 0h1920v1280H0z"/></mask></defs></svg>