/* Animation generated by shrink.run — built in the browser, from your file. */ @keyframes shrink-draw { to { stroke-dashoffset: 0; } } @keyframes shrink-fill { from { fill-opacity: 0; } } .shrink-elem-1 { stroke-dasharray: 128.56; stroke-dashoffset: 128.56; animation: shrink-draw 900ms ease 0ms both, shrink-fill 450ms ease 900ms both; } .shrink-elem-2 { stroke-dasharray: 40.7; stroke-dashoffset: 40.7; animation: shrink-draw 900ms ease 90ms both, shrink-fill 450ms ease 990ms both; } .shrink-elem-3 { stroke-dasharray: 52.83; stroke-dashoffset: 52.83; animation: shrink-draw 900ms ease 180ms both, shrink-fill 450ms ease 1080ms both; } .shrink-elem-4 { stroke-dasharray: 40.7; stroke-dashoffset: 40.7; animation: shrink-draw 900ms ease 270ms both, shrink-fill 450ms ease 1170ms both; } .shrink-elem-5 { stroke-dasharray: 96.71; stroke-dashoffset: 96.71; animation: shrink-draw 900ms ease 360ms both, shrink-fill 450ms ease 1260ms both; } .shrink-elem-6 { stroke-dasharray: 93.84; stroke-dashoffset: 93.84; animation: shrink-draw 900ms ease 450ms both, shrink-fill 450ms ease 1350ms both; } .shrink-elem-7 { stroke-dasharray: 127.69; stroke-dashoffset: 127.69; animation: shrink-draw 900ms ease 540ms both, shrink-fill 450ms ease 1440ms both; } /* Anyone who has asked their system for less motion sees the finished drawing instead. This block must stay last: it cancels the rules above at equal specificity, so it only wins by order. */ @media (prefers-reduced-motion: reduce) { .shrink-anim { animation: none; stroke-dasharray: none; stroke-dashoffset: 0; } }
Made on
Tilda