Codificando la realidad

1066 byby.createsite

Abrir en el editor Video Publica tu código

Recomendado

29 June 2024

Plantilla de formulario de inicio de sesión de materiales

16 January 2026

Código para insertar un juego Flash (Ruffle Player)

23 June 2025

Ejemplo de formulario de inicio de sesión HTML

HTML

CSS

.container {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: linear-gradient(to bottom, #ff9999, #ffcc99); /* Background gradient */
    }

.world {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #fff;
    animation: spin 3s linear infinite;
    }

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
    }

.planet {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #ccc;
    border-radius: 50%;
    animation: orbit 5s ease-in-out infinite;
    }

.planet:nth-child(1) {
    animation-delay: 0s;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    }

.planet:nth-child(2) {
    top: 70px;
    left: 20px;
    }

.planet:nth-child(3) {
    top: 20px;
    left: 80px;
    }

@keyframes orbit {
    0% { transform: translate(0, 0); }
    100% { transform: translate(50px, 0);}
    }

Recomendado

Plantilla de formulario de inicio de sesión de materiales

Código para insertar un juego Flash (Ruffle Player)

Ejemplo de formulario de inicio de sesión HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS