#thread
1 messages · Page 1 of 1 (latest)
were you solar staff or something idk why i think i recognise u
L
i think i can make it work on all resolutions
give me a sec
nvm this works
#app-mount::after {
background-image: url("https://cdn.discordapp.com/attachments/1024286218801926184/1110297615838494770/Untitled.png");
content: "";
width: 100%;
height: 100%;
z-index: 727;
position: absolute;
background-position: bottom 0% left 100%;
background-repeat: no-repeat;
pointer-events: none;
}
this is so fucking bad
i am trying to combine all 5
i just find others to hijack
working on uploading to a github gist
i have this but i cant figure out how to col,our the bg
background-color
bottom: 0px;
height: 18px;
yeah
#app-mount::after {
background-image: url("https://cdn.discordapp.com/attachments/1024286218801926184/1110305122086551602/Untitled1.png");
content: "";
z-index: 727;
position: absolute;
background-position: top 100% left 100%;
background-repeat: no-repeat;
pointer-events: none;
width: 100%;
height: 100%;
background-color: #171719;
bottom: 0px;
height: 18px;
}```
there
finally
done
@import url('https://gist.githubusercontent.com/thenml/000bc3135ca6866bed969f0b28635008/raw/66635f91db88ca1832d8043a14f1e2ed4a4f7859/discord-watermak-hell.css');
jesus fuck
yours
oh makes sense
gettyimages
is there a new url
^
@import url('https://gist.githubusercontent.com/thenml/000bc3135ca6866bed969f0b28635008/raw/0f346a5c227eb8cfd7b27b10ff5ea797c35541db/discord-watermak-hell.css');
jesus fuck its horrid
now we need wondershare filmora
yeah
i wonder if its possible to make a dvd player logo with just css
im a bit too tired to make that so i'll leave it up to yall (unless i get the motivation)
i can try
yeah and i think i know how
i was looking to do that
WHAT THE FUCK DID I JUST DO
?
@keyframes dvd-x {
from {
left: 0px;
}
to {
left: calc(100% - 110px);
}
}
@keyframes dvd-y {
from {
top: 0px;
}
to {
top: calc(100% - 50px);
}
}
.notAppAsidePanel-3yzkgB::before {
background-image: url(https://cdn.discordapp.com/attachments/714888484565024844/1110313146347954256/dvd-logo-png-33.png);
content: "";
width: 110px;
height: 50px;
z-index: 999;
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
animation: dvd-x infinite linear 11s alternate-reverse,
dvd-y infinite linear 7s alternate-reverse;
}
trying to make it change color
but its already perfect
got the dvd and shit
opacity: 25%;
from {
top: 0px;
filter: hue-rotate(0deg);
}
to {
top: calc(100% - 50px);
filter: hue-rotate(360deg);
}
}```
i did it
#🎨-css-snippets message
thanks for this 😅
its not changing colours on bouncing
idk its changing for me
weird
it's like discord wasnt meant for this
for lunatics
@import url('https://gist.githubusercontent.com/thenml/000bc3135ca6866bed969f0b28635008/raw/990446510dd9fd7d4321927ebe3753a0daaf15bd/discord-watermak-hell.css');
@keyframes lol {
from { opacity: 100%;
}
to {
opacity: 0%;
}
}
body {
animation: lol 0.08s infinite;
}```
nah this is better (sickness warning)
@keyframes lol2 {
from { transform: rotateZ(0deg);
}
to {
transform: rotateZ(360deg);
}
}
body {
animation: lol2 linear 0.08s infinite;
}
LMAO
hold on im going to make a funny
@keyframes lol3 {
from { filter: hue-rotate(0deg);
}
to {
filter: hue-rotate(360deg);
}
}
body {
animation: lol3 linear 0.1s infinite;
}```
@keyframes lol4 {
from { margin-top: auto;
}
to {
margin-top: 2vh;
}
}
body {
animation: lol4 linear 0.1s infinite;
}```
@keyframes rotate1 {
from { --rX: -1; }
to { --rX: 1; }
}
@keyframes rotate2 {
from { --rY: -1; }
to { --rY: 1; }
}
@keyframes rotate3 {
from { --rZ: -1; }
to { --rZ: 1; }
}
body {
transform: rotate3d(var(--rX), var(--rY), var(--rZ), 45deg);
animation: rotate1 linear 5s infinite,
rotate2 linear 7s infinite,
rotate3 linear 11s infinite;
}
spamton discord
body {
transform: scale(0.2);
}
i dont think i can but ill try
@keyframes scaleX {
from {transform: scaleX(1);}
to {transform: scaleX(0.6);}
}
@keyframes scaleY {
from {transform: scaleY(1);}
to {transform: scaleY(0.6);}
}
body {
animation: infinite ease-in-out scaleX 2s alternate-reverse;
}
#app-mount {
animation-delay: 1s;
animation: infinite ease-in-out scaleY 2s alternate-reverse;
}
i cant see it rn but i’ll look tmrw
this was fun css practice