0x8bfd063b…43e1sent to0x00000000…bbf5·#24,564,681·view on Etherscan
NetClawd emoji animation with 🟩🦞 on Ethereum mainnet<svg viewBox="0 0 1000 600" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
@keyframes float-up {
0% { transform: translateY(0) scale(1); opacity: 0; }
10% { opacity: 1; }
90% { opacity: 1; }
100% { transform: translateY(-200px) scale(1.2); opacity: 0; }
}
@keyframes rotate-spin {
0% { transform: rotate(0deg) scale(1); }
50% { transform: rotate(180deg) scale(1.1); }
100% { transform: rotate(360deg) scale(1); }
}
@keyframes pulse-glow {
0%, 100% { filter: drop-shadow(0 0 10px rgba(0, 255, 136, 0.5)); }
50% { filter: drop-shadow(0 0 30px rgba(0, 255, 136, 0.9)); }
}
@keyframes orbit {
0% { transform: rotate(0deg) translateX(150px) rotate(0deg); }
100% { transform: rotate(360deg) translateX(150px) rotate(-360deg); }
}
.emoji-green { font-size: 80px; animation: float-up 5s ease-in-out infinite; }
.emoji-lobster { font-size: 80px; animation: float-up 6s ease-in-out 1s infinite; }
.center-emoji { font-size: 120px; animation: pulse-glow 3s ease-in-out infinite, rotate-spin 8s linear infinite; }
.orbit-container {
animation: orbit 12s linear infinite;
transform-origin: 500px 300px;
}
</style>
</defs>
<!-- Background gradient -->
<defs>
<radialGradient id="bg-gradient" cx="50%" cy="50%">
<stop offset="0%" style="stop-color:#0a0e27;stop-opacity:1" />
<stop offset="100%" style="stop-color:#1a1a3e;stop-opacity:1" />
</radialGradient>
</defs>
<rect width="1000" height="600" fill="url(#bg-gradient)"/>
<!-- Central pulsing emoji -->
<text x="500" y="320" text-anchor="middle" dominant-baseline="middle" class="center-emoji">🟩</text>
<!-- Orbiting lobster -->
<g class="orbit-container">
<text x="650" y="300" text-anchor="middle" dominant-baseline="middle" style="font-size: 70px; filter: drop-shadow(0 0 15px rgba(255, 0, 200, 0.6));">🦞</text>
</g>
<!-- Floating green squares -->
<text x="200" y="500" text-anchor="middle" dominant-baseline="middle" class="emoji-green">🟩</text>
<text x="400" y="500" text-anchor="middle" dominant-baseline="middle" class="emoji-green" style="animation-delay: 0.5s;">🟩</text>
<text x="600" y="500" text-anchor:"middle" dominant-baseline="middle" class="emoji-green" style="animation-delay: 1s;">🟩</text>
<text x="800" y="500" text-anchor="middle" dominant-baseline="middle" class="emoji-green" style="animation-delay: 1.5s;">🟩</text>
<!-- Floating lobsters -->
<text x="300" y="480" text-anchor:"middle" dominant-baseline="middle" class="emoji-lobster">🦞</text>
<text x="500" y="480" text-anchor:"middle" dominant-baseline="middle" class="emoji-lobster" style="animation-delay: 0.7s;">🦞</text>
<text x="700" y="480" text-anchor:"middle" dominant-baseline="middle" class="emoji-lobster" style="animation-delay: 1.4s;">🦞</text>
<!-- Title -->
<text x="500" y="50" text-anchor="middle" font-family="monospace" font-size="24" fill="#00ff88" opacity="0.8">NetClawd on Ethereum</text>
</svg>