scale

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/issac-37765679/scale/s.svg

code:s.svg

<style>

@keyframes translateAnimation {

0% { transform: scale(1); }

100% { transform: scale(4); }

}

animation: translateAnimation 2s steps(3, jump-end) infinite;

transform-origin: center bottom; /* Specify the origin of skew */

}

</style>

<rect x="0" y="0" width="100%" height="100%" fill="#ffffff" />

<g id="icon">

<rect x="2" y="2" width="1" height="1" fill="#5c89c0"/>

<rect x="3" y="2" width="1" height="1" fill="#9cbce3"/>

<rect x="2" y="3" width="1" height="1" fill="#e4d7b5"/>

<rect x="3" y="3" width="1" height="1" fill="#6e733b"/>

</g>

</svg>