Skip to content

Instantly share code, notes, and snippets.

@okineadev
Last active October 14, 2024 06:37
Show Gist options
  • Save okineadev/9ce0307cf96395f0a2e1247a0ed2a1fe to your computer and use it in GitHub Desktop.
Save okineadev/9ce0307cf96395f0a2e1247a0ed2a1fe to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<svg overflow="visible" color-interpolation-filters="auto" width="600" height="600" xmlns="http://www.w3.org/2000/svg"><style>@keyframes blue{0%{transform:translate(25px,20px) scale(1)}30%{transform:translate(-30px,-10px) scale(1.1)}60%{transform:translate(0,-10px) scale(1.2)}}@keyframes cyan{0%{transform:translate(-10px,15px) scale(1.1)}30%{transform:translate(-10px,25px) scale(1)}60%{transform:translate(20px,20px) scale(1)}}@keyframes purple{0%{transform:translate(20px,65px) scale(.9)}30%{transform:translate(60px,70px) scale(1.1)}60%{transform:translate(90px,70px) scale(1)}}</style><rect x="210" y="217.5" width="225" height="225" rx="100" ry="100" fill="#007bff" filter="url(#blur)" style="animation:blue 8s infinite ease"/><rect x="240" y="182.5" width="170" height="120" rx="60" ry="60" fill="#0ff" filter="url(#blur)" style="animation:cyan 8s infinite ease"/><rect x="150" y="282.5" width="150" height="150" rx="100" ry="100" fill="#9700c4" filter="url(#blur)" style="animation:purple 8s infinite linear"/><defs><filter id="blur" width="3.4" height="4" x="-1.2" y="-1.5"><feGaussianBlur stdDeviation="75"/></filter></defs></svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment