Thread

Zero-JS Hypermedia Browser

Relays: 5
Replies: 9
Generated: 15:37:47
Hey Nostr, Please help me with this issue and I can pay sats for your time: ## Procuro por Artistas (teste) Crie uma animação da moeda do Super Mário se tornando em Bitcoin ao girar 180°. Make an offer on this URL: https://satshoot.com/naddr1qvzqqqrllupzpga8yg2zjdgdk2u4hypjyfw6shwazkf2gmh88mkhhwcnk972v03pqythwumn8ghj7un9d3shjtnswf5k6ctv9ehx2ap0qythwumn8ghj7un9d3shjtnswf5k6ctv9ehx2ap0qyg8wumn8ghj7mn0wd68ytnddakj7qg4waehxw309aex2mrp0yhxgctdw4eju6t09uq32amnwvaz7tmjv4kxz7fwv3sk6atn9e5k7tcqy9g8ymmrw4ex7ttsdaez6stjw35hxarpwvkhgetnw3jj6mt8d4mkvmq2y03rs #satshoot #asknostr
2025-02-18 21:01:42 from 1 relay(s) 3 replies ↓
Login to reply

Replies (9)

Here is a quick code I whipped up for you for this animation. Just paste it into a text file and name it whatever.html and run it to see the animation: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Coin Flip Animation</title> <style> .coin-container { width: 100px; height: 100px; position: relative; perspective: 500px; } .coin { width: 100%; height: 100%; position: absolute; transform-style: preserve-3d; animation: flip 2s infinite linear; } .coin img { width: 100%; height: 100%; position: absolute; backface-visibility: hidden; } .front { transform: rotateY(0deg); } .back { transform: rotateY(180deg); } @keyframes flip { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(180deg); } 100% { transform: rotateY(0deg); } } </style> </head> <body> <div class="coin-container"> <div class="coin"> <img src="https://www.mariowiki.com/images/4/44/Coin_PMTTYDNS_icon.png" class="front" alt="Mario Coin"> <img src="https://res.coinpaper.com/coinpaper/bitcoin_btc_logo_62c59b827e.png" class="back" alt="Bitcoin Logo"> </div> </div> </body> </html>
2025-02-18 21:29:24 from 1 relay(s) ↑ Parent 1 replies ↓ Reply