Bouncing Text🦘

Credits to MA Gang

How to setup:

Paste in the code
Go down to the code

1

2

3

4

5

6

7

Replace the numbers in bewteen "><" with one letter for your word

Preview

Code :

<!DOCTYPE html>

<head>

<title>by UNBL0CKEDZ0NE</title>

<style>

body {

background: trans;

margin: 0;

height: 100vh;

display: flex;

justify-content: center;

align-items: center;

}

/* Bouncy neon text container */

.bouncy-text {

font-family: 'Pixelify Sans', sans-serif;

font-size: 4em;

font-weight: 700;

display: flex;

}

/* Individual letters with white neon glow */

.bouncy-text span {

display: inline-block;

animation: bounce 1s ease-in-out infinite;

animation-delay: calc(var(--i) * 0.1s);

color: #fff;

text-shadow:

0 0 5px #fff,

0 0 10px #fff,

0 0 15px #fff,

0 0 20px #fff;

}

/* Bounce animation */

@keyframes bounce {

0%,

100% {

transform: translateY(0);

}

50% {

transform: translateY(-20px);

}

</style>

</head>

<body>

1

2

3

4

5

6

7

</div>

</body>

</html>