just insert any picture in here and create a photo album

@CoffeeBeanKiller said in #27:

This is AI-generated.

Yes i asked chat to make it i think it’s beautiful :)

![<marquee scrollamount= "50"> HII!!! </marquee>]

Does any of these work???

<span style="background: linear-gradient(to right, red, yellow, green, blue); -webkit-background-clip: text; color: transparent;">
Rainbow Text
</span>

<span style="animation: blink 1s infinite;">Blink!</span>

<style>
@keyframes blink { 50% { opacity: 0; } }
</style>

<span style="display:inline-block; border-right:2px solid; white-space:nowrap; width:12ch; overflow:hidden; animation: typing 2s steps(12), blink .5s infinite;">
Hello World!
</span>

<style>
@keyframes typing { from { width: 0 } }
@keyframes blink { 50% { border-color: transparent } }
</style>

<span style="display:inline-block; animation:w 1s infinite alternate;">
Wavy Text
</span>

<style>
@keyframes w { from { transform: translateY(0) } to { transform: translateY(-10px) } }
</style>

<span style="text-shadow: 0 0 10px cyan;">Glowing Text</span>

<span style="display:inline-block; transform: rotate(180deg);">
upside down
</span>

<span style="animation: colorfade 3s infinite;">Changing Colors</span>

<style>
@keyframes colorfade {
0% { color: red; }
33% { color: yellow; }
66% { color: lime; }
100% { color: red; }
}
</style>

<span style="position:relative; color:white;">
GLITCH
<span style="position:absolute; left:2px; top:0; color:red; opacity:0.7;">GLITCH</span>
<span style="position:absolute; left:-2px; top:0; color:cyan; opacity:0.7;">GLITCH</span>
</span>

<span style="position:relative; color:white;">
GLITCH
<span style="position:absolute; left:2px; top:0; color:red; opacity:0.6;">GLITCH</span>
<span style="position:absolute; left:-2px; top:0; color:cyan; opacity:0.6;">GLITCH</span>
</span>

@Sivathebest123 said in #33:

Does any of these work???

<span style="background: linear-gradient(to right, red, yellow, green, blue); -webkit-background-clip: text; color: transparent;">
Rainbow Text
</span>

<span style="animation: blink 1s infinite;">Blink!</span>

<style>
@keyframes blink { 50% { opacity: 0; } }
</style>

<span style="display:inline-block; border-right:2px solid; white-space:nowrap; width:12ch; overflow:hidden; animation: typing 2s steps(12), blink .5s infinite;">
Hello World!
</span>

<style>
@keyframes typing { from { width: 0 } }
@keyframes blink { 50% { border-color: transparent } }
</style>

<span style="display:inline-block; animation:w 1s infinite alternate;">
Wavy Text
</span>

<style>
@keyframes w { from { transform: translateY(0) } to { transform: translateY(-10px) } }
</style>

<span style="text-shadow: 0 0 10px cyan;">Glowing Text</span>

<span style="display:inline-block; transform: rotate(180deg);">
upside down
</span>

<span style="animation: colorfade 3s infinite;">Changing Colors</span>

<style>
@keyframes colorfade {
0% { color: red; }
33% { color: yellow; }
66% { color: lime; }
100% { color: red; }
}
</style>

<span style="position:relative; color:white;">
GLITCH
<span style="position:absolute; left:2px; top:0; color:red; opacity:0.7;">GLITCH</span>
<span style="position:absolute; left:-2px; top:0; color:cyan; opacity:0.7;">GLITCH</span>
</span>

bruh none work but atleast it looks good in prewiew lol

<span style="background: linear-gradient(to right, red, yellow, green, blue); -webkit-background-clip: text; color: transparent;">
Rainbow Text
</span>

<span style="animation: blink 1s infinite;">Blink!</span>

<style>
@keyframes blink { 50% { opacity: 0; } }
</style>

<span style="display:inline-block; border-right:2px solid; white-space:nowrap; width:12ch; overflow:hidden; animation: typing 2s steps(12), blink .5s infinite;">
Hello World!
</span>

<style>
@keyframes typing { from { width: 0 } }
@keyframes blink { 50% { border-color: transparent } }
</style>

<span style="display:inline-block; animation:w 1s infinite alternate;">
Wavy Text
</span>

<style>
@keyframes w { from { transform: translateY(0) } to { transform: translateY(-10px) } }
</style>

<span style="text-shadow: 0 0 10px cyan;">Glowing Text</span>

<span style="display:inline-block; transform: rotate(180deg);">
upside down
</span>

<span style="animation: colorfade 3s infinite;">Changing Colors</span>

<style>
@keyframes colorfade {
0% { color: red; }
33% { color: yellow; }
66% { color: lime; }
100% { color: red; }
}
</style>

<span style="position:relative; color:white;">
GLITCH
<span style="position:absolute; left:2px; top:0; color:red; opacity:0.7;">GLITCH</span>
<span style="position:absolute; left:-2px; top:0; color:cyan; opacity:0.7;">GLITCH</span>
</span>

<span style="position:relative; color:white;">
GLITCH
<span style="position:absolute; left:2px; top:0; color:red; opacity:0.6;">GLITCH</span>
<span style="position:absolute; left:-2px; top:0; color:cyan; opacity:0.6;">GLITCH</span>
</span> bwap

<span style="background: linear-gradient(to right, red, yellow, green, blue); -webkit-background-clip: text; color: transparent;">
Rainbow Text
</span>

<span style="animation: blink 1s infinite;">Blink!</span>

<style>
@keyframes blink { 50% { opacity: 0; } }
</style>

<span style="display:inline-block; border-right:2px solid; white-space:nowrap; width:12ch; overflow:hidden; animation: typing 2s steps(12), blink .5s infinite;">
Hello World!
</span>

<style>
@keyframes typing { from { width: 0 } }
@keyframes blink { 50% { border-color: transparent } }
</style>

<span style="display:inline-block; animation:w 1s infinite alternate;">
Wavy Text
</span>

<style>
@keyframes w { from { transform: translateY(0) } to { transform: translateY(-10px) } }
</style>

<span style="text-shadow: 0 0 10px cyan;">Glowing Text</span>

<span style="display:inline-block; transform: rotate(180deg);">
upside down
</span>

<span style="animation: colorfade 3s infinite;">Changing Colors</span>

<style>
@keyframes colorfade {
0% { color: red; }
33% { color: yellow; }
66% { color: lime; }
100% { color: red; }
}
</style>

<span style="position:relative; color:white;">
GLITCH
<span style="position:absolute; left:2px; top:0; color:red; opacity:0.7;">GLITCH</span>
<span style="position:absolute; left:-2px; top:0; color:cyan; opacity:0.7;">GLITCH</span>
</span>

<span style="position:relative; color:white;">
GLITCH
<span style="position:absolute; left:2px; top:0; color:red; opacity:0.6;">GLITCH</span>
<span style="position:absolute; left:-2px; top:0; color:cyan; opacity:0.6;">GLITCH</span>
</span> bwap

Probably none work

I will be the first to add no picture actually I will.

The device I’m on

<span style="background: linear-gradient(to right, red, yellow, green, blue); -webkit-background-clip: text; color: transparent;">
Rainbow Text
</span>

<span style="animation: blink 1s infinite;">Blink!</span>

<style>
@keyframes blink { 50% { opacity: 0; } }
</style>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
@keyframes typing {
from { width: 0 }
to { width: 100% }
}

@keyframes blinkCursor {
0%, 100% { border-color: transparent }
50% { border-color: black }
}

.typewriter {
font-family: sans-serif;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
border-right: 2px solid black;
width: 0;
animation:
typing 4s steps(30, end) forwards,
blinkCursor 0.7s step-end infinite;
}
</style>
</head>
<body>

<div class="typewriter">Hello World!</div>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0; }
}

.blinking {
animation: blink 1s infinite;
font-size: 24px;
color: crimson;
font-weight: bold;
}
</style>
</head>
<body>

<div class="blinking"> </div>

</body>
</html>

<span style="display:inline-block; animation:w 1s infinite alternate;">
Wavy Text
</span>

<style>
@keyframes w { from { transform: translateY(0) } to { transform: translateY(-10px) } }
</style>

<span style="text-shadow: 0 0 10px cyan;">Glowing Text</span>

<span style="display:inline-block; transform: rotate(180deg);">
upside down
</span>

<span style="animation: colorfade 3s infinite;">Changing Colors</span>

<style>
@keyframes colorfade {
0% { color: red; }
33% { color: yellow; }
66% { color: lime; }
100% { color: red; }
}
</style>

<span style="position:relative; color:white;">
GLITCH
<span style="position:absolute; left:2px; top:0; color:red; opacity:0.7;">GLITCH</span>
<span style="position:absolute; left:-2px; top:0; color:cyan; opacity:0.7;">GLITCH</span>
</span>

<span style="position:relative; color:white;">
GLITCH
<span style="position:absolute; left:2px; top:0; color:red; opacity:0.6;">GLITCH</span>
<span style="position:absolute; left:-2px; top:0; color:cyan; opacity:0.6;">GLITCH</span>
</span> bwap