Mis redes sociales

1939 robustscript367

Abrir en el editor Publica tu código

Recomendado

30 June 2025

Contenedor de animación CSS con cuenta regresiva

29 October 2024

El sistema solar

HTML

CSS

body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #000;
    margin: 0;
}

.neon-text {
    font-size: 3em;
    color: #fff;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #00ffcc, 0 0 30px #00ffcc, 0 0 40px #00ffcc, 0 0 50px #00ffcc, 0 0 60px #00ffcc, 0 0 70px #00ffcc;
    animation: neon-glow 2s infinite, text-rotate 5s infinite alternate;
    transform: perspective(1000px);
}

@keyframes neon-glow {
    0%, 100% {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #00ffcc, 0 0 30px #00ffcc, 0 0 40px #00ffcc, 0 0 50px #00ffcc, 0 0 60px #00ffcc, 0 0 70px #00ffcc;
    }
    50% {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff00ff, 0 0 30px #ff00ff, 0 0 40px #ff00ff, 0 0 50px #ff00ff, 0 0 60px #ff00ff, 0 0 70px #ff00ff;
    }
}

@keyframes text-rotate {
    0% {
        transform: perspective(1000px) rotateX(0) rotateY(0);
    }
    100% {
        transform: perspective(1000px) rotateX(360deg) rotateY(360deg);
    }
}

Mis redes sociales

Recomendado

danza de formas interactiva

Contenedor de animación CSS con cuenta regresiva

El sistema solar

HTML

CSS

JS

Recomendado

danza de formas interactiva

Contenedor de animación CSS con cuenta regresiva

El sistema solar

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS