76 lines
No EOL
2.2 KiB
HTML
76 lines
No EOL
2.2 KiB
HTML
<html>
|
|
<head>
|
|
<link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap" rel="stylesheet">
|
|
<style>
|
|
body {
|
|
background-image: linear-gradient(to left, #FF8844, #8844FF);
|
|
font-family: 'Balsamiq Sans', cursive;
|
|
color: #00DD00
|
|
}
|
|
welcomedoods {
|
|
font-size: 100px;
|
|
}
|
|
wheat {
|
|
background-image: linear-gradient(to right, #FF1111, #11FF11, #1111FF, #5511AA);
|
|
background-size: 100%;
|
|
-webkit-background-clip: text;
|
|
-moz-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
-moz-text-fill-color: transparent;
|
|
animation: textgrowth 1s infinite alternate;
|
|
}
|
|
@keyframes textgrowth {
|
|
0% {
|
|
font-size: 20px;
|
|
}
|
|
50% {
|
|
font-size: 40px;
|
|
}
|
|
100% {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
wheat2 {
|
|
background-image: linear-gradient(to right, #FF1111, #11FF11, #1111FF, #5511AA);
|
|
background-size: 100%;
|
|
-webkit-background-clip: text;
|
|
-moz-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
-moz-text-fill-color: transparent;
|
|
animation: textgrowth 0.1s infinite alternate;
|
|
}
|
|
wheat3 {
|
|
position: fixed;
|
|
animation: yeet 1s infinite alternate;
|
|
}
|
|
@keyframes yeet {
|
|
0% {
|
|
top: 100%;
|
|
}
|
|
50% {
|
|
top: 80%;
|
|
}
|
|
100% {
|
|
top: 90%;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<welcomedoods>
|
|
Welcome!
|
|
</welcomedoods><br/>
|
|
<wheat>
|
|
eat my skippy peanut butter or i vore you
|
|
</wheat>
|
|
<img src="https://www.peanutbutter.com/wp-content/uploads/2019/03/SKIPPY_Product_PB_Spread_Creamy_Peanut_Butter_28oz.png" width="300" height="307"><br/>
|
|
<wheat2>
|
|
css is great
|
|
</wheat2><br/>
|
|
<audio controls autoplay loop>
|
|
<source src="https://incompetech.com/music/royalty-free/mp3-royaltyfree/Flying%20Kerfuffle.mp3" type="audio/mp3">
|
|
</audio>
|
|
<wheat3><img src="https://cdn2.scratch.mit.edu/get_image/user/18938469_60x60.png" width="150" height="157" style="position: fixed; right: 5%; padding:0; margin:0;">
|
|
<img src="https://cdn2.scratch.mit.edu/get_image/user/18938469_60x60.png" width="150" height="157" style="position: fixed; left: 5%; padding:0; margin:0;"></wheat3>
|
|
</body>
|
|
</html> |