#thread

1 messages · Page 1 of 1 (latest)

candid wedge
#

wysi

twilit radish
twilit radish
twilit radish
#

ohhh right

#

i think i sent about 200 c.nocrack msgs lmfao

copper karma
#

anyways
hell

twilit radish
#

works fo rme

copper karma
#

damn

#

this is pain to look at

twilit radish
#

works on 1920x1080 only id think

#

:3

copper karma
#

L

near briar
#

i think i can make it work on all resolutions
give me a sec

twilit radish
#

go for it

#

i made the image 1920 wide

near briar
#

can i have the original watermark without the background

#

or the smallest one

twilit radish
#

i just used one with a bg and extended the bg

#

gimme 2s and ill make one

near briar
#

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;
}
copper karma
#

this is so fucking bad

near briar
#

i am trying to combine all 5

copper karma
#

i have 4/5

#

dont think the others are possible because of classes overlapping

near briar
#

i just find others to hijack

twilit radish
#

send me what u have

#

so far

#

of everything

#

:3

near briar
#

working on uploading to a github gist

twilit radish
copper karma
#

background-color

twilit radish
#

yeah but like

#

of just the bottom 18px

near briar
#

bottom: 0px;
height: 18px;

copper karma
#

yeah

twilit radish
#
#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

near briar
#

done

@import url('https://gist.githubusercontent.com/thenml/000bc3135ca6866bed969f0b28635008/raw/66635f91db88ca1832d8043a14f1e2ed4a4f7859/discord-watermak-hell.css');
copper karma
#

jesus fuck

near briar
#

wait im missing one

#

oh god

copper karma
#

hell

#

what one was missing

near briar
#

yours

copper karma
#

oh makes sense

near briar
#

gettyimages

twilit radish
#

is there a new url

copper karma
#

^

near briar
#
@import url('https://gist.githubusercontent.com/thenml/000bc3135ca6866bed969f0b28635008/raw/0f346a5c227eb8cfd7b27b10ff5ea797c35541db/discord-watermak-hell.css');
copper karma
#

jesus fuck its horrid

twilit radish
#

its not doing anything

#

for me

#

oh nvm

#

i fixed it

near briar
#

now we need wondershare filmora

copper karma
#

yeah

near briar
#

i wonder if its possible to make a dvd player logo with just css

copper karma
#

im a bit too tired to make that so i'll leave it up to yall (unless i get the motivation)

near briar
#

i can try

copper karma
#

i meant filmora lol

#

dvd screensaver would be some transforms shit

near briar
#

yeah and i think i know how

twilit radish
copper karma
#

yeah
also oh shit funny number

#

laugh

twilit radish
#

WHAT THE FUCK DID I JUST DO

copper karma
#

?

twilit radish
#

youll see when

#

HERE

copper karma
#

jesus christ

#

apply that transform to like, a disc .png now

twilit radish
#

ITS JUST RUNNING

#

LMAO

near briar
#
@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

copper karma
#

got the dvd and shit

twilit radish
#

opacity: 25%;

#
    from {
        top: 0px;
        filter: hue-rotate(0deg);
    }
    to {
        top: calc(100% - 50px);
        filter: hue-rotate(360deg);
    }
}```
near briar
#

that works but i want it to instantly change colors

#

not a gradient

twilit radish
#

yeahh

#

hm

near briar
hard umbra
#

thanks for this 😅

twilit radish
#

its not changing colours on bouncing

near briar
#

idk its changing for me

twilit radish
#

just whenver it feels like it

#

i got it to change in the middle lol

near briar
#

weird
it's like discord wasnt meant for this

twilit radish
#

got it working

#

nvm

near briar
#

for lunatics

@import url('https://gist.githubusercontent.com/thenml/000bc3135ca6866bed969f0b28635008/raw/990446510dd9fd7d4321927ebe3753a0daaf15bd/discord-watermak-hell.css');
twilit radish
#
@keyframes lol {
    from { opacity: 100%;
    }
    to {
        opacity: 0%;
    }
}

body {
    animation: lol 0.08s infinite;
}```
near briar
#

nah this is better (sickness warning)

@keyframes lol2 {
    from { transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}
body {
    animation: lol2 linear 0.08s infinite;
}
twilit radish
#

LMAO

near briar
#

hold on im going to make a funny

twilit radish
#
@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;
}```
near briar
#
@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

twilit radish
#

WAIT

#

can you

#

set the scale of the app mount to like

#

0.2x

copper karma
#

jesus fuck

#

oh my god

twilit radish
#

and make it bounce around

#

i would but im on phone rn

near briar
#
body {
    transform: scale(0.2);
}
twilit radish
#

makw it bounce arohnd

#

:3

#

and spin slowly too

#

lmfao

near briar
#

i dont think i can but ill try

twilit radish
#

u can move the #app-mount

#

is all i know

near briar
#
@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;
}
twilit radish
#

i cant see it rn but i’ll look tmrw

near briar
#

this was fun css practice