Bot UB Gimkit

315 703003381

Abrir en el editor Publica tu código

Recomendado

24 November 2025

Cargador de juegos Unity WebGL con soporte publicitario

30 December 2025

Botón de pedido animado HTML/CSS

26 July 2025

Ejemplo de animación de botón HTML

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gimkit | Ebert's Bot</title>
    <style>
        :root {
            --gimkit-purple: #7048e8;
            --gimkit-dark: #5f3dc4;
            --gimkit-bg: #f8f9fa;
            --gimkit-text: #212529;
        }

body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            background-color: var(--gimkit-purple);
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            overflow: hidden;
        }

/* Playful Background Pattern */
        .bg-pattern {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: radial-gradient(rgba(255,255,255,0.1) 2px, transparent 2px);
            background-size: 30px 30px;
            z-index: 1;
        }

.container {
            position: relative;
            z-index: 10;
            text-align: center;
            background: white;
            padding: 50px 80px;
            border-radius: 24px;
            box-shadow: 0 15px 0px var(--gimkit-dark);
            color: var(--gimkit-text);
            max-width: 500px;
        }

.logo-text {
            font-size: 2.8rem;
            font-weight: 900;
            color: var(--gimkit-purple);
            margin-bottom: 10px;
            letter-spacing: -1px;
        }

.bot-tag {
            background: #e7f5ff;
            color: #228be6;
            padding: 5px 15px;
            border-radius: 50px;
            font-weight: bold;
            font-size: 0.9rem;
            display: inline-block;
            margin-bottom: 25px;
            border: 2px solid #a5d8ff;
        }

/* The Animated Button */
        .bot-btn {
            background-color: var(--gimkit-purple);
            color: white;
            padding: 20px 40px;
            font-size: 1.5rem;
            font-weight: 800;
            text-decoration: none;
            border-radius: 16px;
            display: block;
            transition: all 0.1s ease;
            box-shadow: 0 8px 0px var(--gimkit-dark);
            animation: pulse 2s infinite;
        }

.bot-btn:active {
            transform: translateY(4px);
            box-shadow: 0 4px 0px var(--gimkit-dark);
        }

@keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.03); }
            100% { transform: scale(1); }
        }

.footer-note {
            margin-top: 25px;
            font-size: 0.85rem;
            color: #868e96;
            font-weight: 500;
        }

/* Floating "Gim" Icon Decoration */
        .gim-icon {
            position: absolute;
            width: 60px;
            height: 60px;
            background: #ffcc00;
            border-radius: 12px;
            top: -30px;
            right: -20px;
            transform: rotate(15deg);
            box-shadow: 0 5px 0 #ccaa00;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            font-size: 1.5rem;
            color: white;
        }
    </style>
</head>
<body>

<div class="container">
        <div class="gim-icon">$</div>
        <div class="logo-text">Gimkit</div>
        <div class="bot-tag">ebert's gimkit bot</div>
        
        <a href="https://mrspechan.com/search?query=Z2lta2l0Ym90LmNvbQ%3D%3D" class="bot-btn">
            ebert's Gimkit Bot
        </a>

<div class="footer-note">
           flood those games
        </div>
    </div>

</body>
</html>

CSS