my social media

Open In Editor Video Publish Your Code

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

my social media

Recommended

flower for my girl

hover memory recursive colors

Company Card List: HTML & CSS Example

HTML

CSS

JS

Recommended

flower for my girl

hover memory recursive colors

Company Card List: HTML & CSS Example

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS