i miei social media

2491 robustscript367

Apri nell'Editor Pubblica il Tuo Codice

Consigliato

21 June 2024

30 August 2024

11 August 2025

Modello HTML con P5.js e CSS

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

Consigliato

Modello HTML con P5.js e CSS

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS