Mis redes sociales

Abrir en el editor Video Publica tu código

Recomendado

24 October 2023

Fragmento de carga HTML

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

Etiqueta de Búsqueda

Cargador sencillo

Fragmento de carga HTML

HTML

CSS

JS

Recomendado

Etiqueta de Búsqueda

Cargador sencillo

Fragmento de carga HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS