minha mídia social

1776 robustscript367

Abrir no Editor Publique Seu Código Precisa de um site?

Recomendado

8 September 2024

4 December 2024

Controle deslizante de cartão animado expansível

8 February 2025

Jogo da cobra

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);
    }
}

Recomendado

Controle deslizante de cartão animado expansível

Jogo da cobra

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS