Animated Message Options | libVencore | Page 1

eternal galleon May 21, 2025, 6:43 PM

#

echo cipher May 21, 2025, 6:56 PM

#

Both versions have broken the reaction emojis.

#

eternal galleon May 21, 2025, 8:07 PM

#

@echo cipher I updated both versions, try them again. Are you using any other emoji-affecting css?

sturdy lodge May 21, 2025, 8:10 PM

#

is there any way to make it not use so many has?

eternal galleon May 21, 2025, 8:15 PM

#

sturdy lodge is there any way to make it not use so many `has`?

i can try it

sturdy lodge May 21, 2025, 8:16 PM

#

❤️ ❤️

eternal galleon May 21, 2025, 8:26 PM

#

@sturdy lodge managed to remove half of the :has

sturdy lodge May 21, 2025, 8:28 PM

#

hooray

gilded zealot May 21, 2025, 9:07 PM

#

Does anyone know how to make the translate button from the translate plugin go one further so emojis is on the end so the reactions make more sense?

sturdy lodge May 21, 2025, 9:23 PM

#

ye I gotchu

sturdy lodge May 21, 2025, 9:23 PM

#

gilded zealot Does anyone know how to make the translate button from the translate plugin go o...

[aria-label="Click to react with white_check_mark"] {
  order: -5;
}
[aria-label="Click to react with skull"] {
  order: -4;
}
[aria-label="Click to react with fire"] {
  order: -3;
}
.separator_f84418 {
  order: -2
}
[aria-label="Add Reaction"] {
  order: -1;
}```

#

lower = left more

#

you could do the reverse, make add reaction 0, and do increasing numbers for any items you want to the right (translate, foward, reply, three dots), but that might mean missing various items that show up in specific cases

round chasm May 21, 2025, 9:26 PM

#

:has() is very laggy

sturdy lodge May 21, 2025, 9:26 PM

#

yeaaaa

#

there's currently three

round chasm May 21, 2025, 9:27 PM

#

I made a version a while back that's not animated, but doesn't have :has() (don't use the alternate version) #🎨-css-snippets message

#

and it collapses all of the buttons at once, not the reaction ones individually

sturdy lodge May 21, 2025, 9:32 PM

#

yea I'll prolly use that version unless author can optimize it

gilded zealot May 21, 2025, 10:31 PM

#

sturdy lodge ```css [aria-label="Click to react with white_check_mark"] { order: -5; } [ari...

Thank you!

round chasm May 21, 2025, 10:34 PM

#

sturdy lodge ```css [aria-label="Click to react with white_check_mark"] { order: -5; } [ari...

use this instead so you don't have to define it for all of your quick react emojis @gilded zealot

[aria-label="Add Reaction"] {
  order: -1;
}
[aria-label^="Click to react with"] {
  order: -2;
}

#

(still needs to be modified if your language isn't set to english)

gilded zealot May 21, 2025, 10:34 PM

#

Oh ok

#

Thank you

sturdy lodge May 21, 2025, 10:34 PM

#

oop didn't think about that

#

just learning css 😅

#

there's a side effect to that

#

#

the add emoji reaction is at the left now

round chasm May 21, 2025, 10:43 PM

#

that would've happened with yours too

sturdy lodge May 21, 2025, 10:43 PM

#

ye sorry didn't mean to infer it was only with yours

round chasm May 21, 2025, 10:44 PM

#

add .hoverBarButton_f84418

#

.hoverBarButton_f84418[aria-label="Add Reaction"] {
  order: -1;
}
.hoverBarButton_f84418[aria-label^="Click to react with"] {
  order: -2;
}```

gilded zealot May 21, 2025, 10:47 PM

#

I just noticed that

#

I didn't see the reactions before

gilded zealot May 21, 2025, 10:47 PM

#

round chasm add .hoverBarButton_f84418

This doesn't work for me at least

round chasm May 21, 2025, 10:48 PM

#

round chasm ```css .hoverBarButton_f84418[aria-label="Add Reaction"] { order: -1; } .hover...

This works

sturdy lodge May 21, 2025, 10:51 PM

#

ye that works

#

thank you!

#

I was about to use child elements and stuff 😔

gilded zealot May 21, 2025, 10:52 PM

#

Why doesn't it work for me

sturdy lodge May 21, 2025, 10:52 PM

#

send full code

gilded zealot May 21, 2025, 10:52 PM

#

I added it below the rest of the code

sturdy lodge May 21, 2025, 10:52 PM

#

delete my code

gilded zealot May 21, 2025, 10:53 PM

#

sturdy lodge delete my code

I have Obsidian's code

#

sturdy lodge May 21, 2025, 10:53 PM

#

right above

#

delete those above it

#

the other order: code

gilded zealot May 21, 2025, 10:53 PM

#

round chasm May 21, 2025, 10:53 PM

#

delete this

sturdy lodge May 21, 2025, 10:53 PM

#

sturdy lodge May 21, 2025, 10:54 PM

#

round chasm delete this

what do you use to draw those rectangles?

round chasm May 21, 2025, 10:54 PM

#

I use sharex

sturdy lodge May 21, 2025, 10:54 PM

#

ic, thanks!

gilded zealot May 21, 2025, 10:55 PM

#

Oh ok

#

I’m dumb

#

Sorry

round chasm May 21, 2025, 11:19 PM

#

round chasm ```css .hoverBarButton_f84418[aria-label="Add Reaction"] { order: -1; } .hover...

Oh just realized it needs to be Click to instead to include Click to remove ...

gilded zealot May 22, 2025, 12:05 AM

#

Well damn

sturdy lodge May 22, 2025, 12:11 AM

#

round chasm Oh just realized it needs to be `Click to ` instead to include `Click to remove ...

@gilded zealot

#

gilded zealot May 22, 2025, 12:22 AM

#

sturdy lodge

Okay wait where's that top part?

#

I only have the bottom 2

sturdy lodge May 22, 2025, 12:23 AM

#

gilded zealot Okay wait where's that top part?

you can ignore that

#

that's Obsidian's code for a non-animated message options

sturdy lodge May 22, 2025, 12:25 AM

#

gilded zealot I only have the bottom 2

edit the very bottom one to say "Click to " rather than "Click to react"

gilded zealot May 22, 2025, 12:41 AM

#

Oh ok

#

Yay everything works now

#

Thank you!!!

turbid shard May 22, 2025, 12:46 AM

#

wonder why they are husking this, its not bad though

eternal prairie May 22, 2025, 1:27 AM

#

perfect

#

i've accidentally clicked reactions when focusing the discord window too many times

#

i mean it could still happen theoretically, but way less likely lol

round chasm May 22, 2025, 1:34 AM

#

turbid shard wonder why they are husking this, its not bad though

:has()

#

at least that's why i husk ed it

#

also the transitions are messed up

#

they define transition twice

#

here's an improved version

+no :has()
+better transition
-quick react emojis don't have their own separate step though

.buttonsInner__5126c>div:not(:last-of-type),
.buttonsInner__5126c>.hoverBarButton_f84418>div {
  width: 0;
  height: 0;
  min-width: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  transition: min-width 0.25s ease-out,
              width     0.25s ease-out,
              height    0.25s ease-out,
              padding   0.25s ease-out,
              opacity   0.25s ease-out,
              transform .4s cubic-bezier(.16,1,.3,1);
}
.buttonsInner__5126c:hover>.hoverBarButton_f84418:not(:last-of-type) {
  width: 24px;
  height: 24px;
  min-width: 24px;
  padding: 2px;
  opacity: 1;
  >div {
    width: 20px;
    height: 20px;
    opacity: 1;
  }
}
.buttonsInner__5126c:hover>.separator_f84418 {
  width: 1px;
  height: 24px;
  margin: 2px 4px;
  opacity: 1;
}

echo cipher May 22, 2025, 8:17 AM

#

eternal galleon <@1108071513493614592> I updated both versions, try them again. Are you using an...

No, they're still not working and I don't have any CSS that affects the emojis.
However, Obsidian's solution works for me perfectly.

round chasm May 22, 2025, 9:26 AM

#

@eternal galleon having transition: twice doesn't work. only the padding transition is being applied. use transition: width 0.1s ease-out, padding 0.1s ease-out
also transitioning min-width helped the transition i think

echo cipher May 22, 2025, 9:55 AM

#

@round chasm I actually did that, but it still didn't work properly (I even added !important at the end bc it wouldn't apply the property).

round chasm May 22, 2025, 9:56 AM

#

round chasm <@964036664152432650> having `transition:` twice doesn't work. only the padding ...

did this?

#

that's unrelated to the emoji problem you were having

eternal galleon May 22, 2025, 9:56 AM

#

round chasm <@964036664152432650> having `transition:` twice doesn't work. only the padding ...

Didn't knew this, thanks

pine siren May 22, 2025, 1:56 PM

#

why does this have 15 husks

turbid shard May 22, 2025, 2:24 PM

#

pine siren why does this have 15 husks

holy blue colour

echo cipher May 22, 2025, 5:38 PM

#

OK, so I found a solution to my emoji problem - all I had to do was add an overflow: hidden to the selector where the transition property is, which looks like this:

#

.buttonsInner__5126c > .button_f7ecac:not(:nth-last-child(2)) {
    width: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden; /* Prevent overflow */
    transition: width 0.1s ease-out, padding 0.1s ease-out !important;
}```

#

And this is with @eternal galleon's original snippet (sorry for pinging).

eternal galleon May 22, 2025, 5:58 PM

#

echo cipher And this is with <@964036664152432650>'s original snippet (sorry for pinging).

ohh interesting (np i have no problems with pings)

round chasm May 22, 2025, 10:19 PM

#

pine siren why does this have 15 husks

:has()

#

and I think the css was worse at first

eternal galleon May 22, 2025, 10:23 PM

#

round chasm :has()

why does :has produce lag?

round chasm May 22, 2025, 10:25 PM

#

eternal galleon why does `:has` produce lag?

.one:has(.two)
has to check every descendant of every instance of .one

round chasm May 22, 2025, 10:29 PM

#

round chasm Oh just realized it needs to be `Click to ` instead to include `Click to remove ...

at least whenever possible, do .one:has(>.two) (or some other combinator like + or ~)
and you don't even need the has for .button_:has(div), just do [aria-label^=Click to] or [aria-label^=Click to react], [aria-labrl^=Click to remove]

round chasm May 22, 2025, 10:30 PM

#

round chasm `.one:has(.two)` has to check every descendant of every instance of .one

and there's a lot of instances of .button
every message has message actions

eternal galleon May 22, 2025, 10:30 PM

#

ye i did that but i wanna make it for all languages and not just english

round chasm May 22, 2025, 10:30 PM

#

aren't you already using aria labels

eternal galleon May 22, 2025, 10:30 PM

#

only once lol

round chasm May 22, 2025, 10:31 PM

#

yeah you are
also why are you using [aria-label*=Add]

#

why not Add reaction or ^=

round chasm May 22, 2025, 10:31 PM

#

round chasm why not Add reaction or ^=

I think add reaction is the full name, but I'm on mobile rn

eternal galleon May 22, 2025, 10:31 PM

#

it's shorter

round chasm May 22, 2025, 10:31 PM

#

at least do ^=

#

*= is way less efficient

round chasm May 22, 2025, 10:32 PM

#

eternal galleon only once lol

yeah but if you're using it once you might as well use it more

eternal galleon May 22, 2025, 10:33 PM

#

round chasm I think add reaction is the full name, but I'm on mobile rn

ur right: aria-label="Add Reaction"

round chasm May 22, 2025, 10:33 PM

#

yeah that's not even a long aria label

round chasm May 22, 2025, 10:34 PM

#

round chasm here's an improved version ```diff +no :has() +better transition -quick react em...

also here's an improved version for reference

#

except that didn't have the separate emoji stuff

#

doesn't*

eternal galleon May 22, 2025, 10:35 PM

#

oh u mind i take some stuff from ur improved version and put it into mine? i would just @ you

round chasm May 22, 2025, 10:38 PM

#

yeah that's fine

eternal galleon May 22, 2025, 10:58 PM

#

round chasm yeah that's fine

u ok with the updated message?

#

-# (And sorry for triple ping)

round chasm May 22, 2025, 11:01 PM

#

you have width and min-width twice and padding and margin
and you still have unnecessary :has()

#

do you have error/problem highlighting?

#

it's in quickcss

#

it shows when there's dupe things like two widths etc.

eternal galleon May 22, 2025, 11:04 PM

#

no, i'm just using default vs code css editor

round chasm May 22, 2025, 11:07 PM

#

vscode should have it too

#

by default

#

quickcss uses the vscode editor

eternal galleon May 22, 2025, 11:08 PM

#

seems like it doesn't for me

#

what in quick css it does but in vs code itself not

round chasm May 22, 2025, 11:25 PM

#

hmm maybe there's a setting or plugin you need

round chasm May 23, 2025, 12:28 AM

#

oh also better to use :last-of-type

round chasm May 23, 2025, 12:46 AM

#

eternal galleon seems like it doesn't for me

oh wait it doesn't for me either

round chasm May 23, 2025, 12:51 AM

#

eternal galleon seems like it doesn't for me

ah found it

round chasm May 23, 2025, 1:46 AM

#

eternal galleon oh u mind i take some stuff from ur improved version and put it into mine? i wou...

here's a few small things i'd change with your current version

needs the specificity to fix the emoji transition (slide in)
:last-of-type is probably better than :nth-last-child() in this case to be more future proof

In my non animated snippet I made a few months ago, I used :last-child at first, and then they added an invisible element after it of a different type, so i switched to :last-of-type

I think you forgot to add opacity
Avoids a :has(), so should be more efficient
More efficient :has() that only has to search direct children instead of all descendants
same as 4

📎 fewsmallthings.css

#

(it's still really laggy because of the unavoidable :has() for the seperate emoji step)

eternal galleon May 23, 2025, 7:27 PM

#

i can no longer update the message since nitro is over and the message is to long 💀

gilded zealot May 23, 2025, 7:50 PM

#

eternal galleon i can no longer update the message since nitro is over and the message is to lon...

Send the code as a .txt

#

I've seen other people do that

eternal galleon May 23, 2025, 7:53 PM

#

can't add it to a message i'm editing

round chasm May 23, 2025, 7:59 PM

#

maybe just have one in here

#

and link to it

#

or put it on github

eternal galleon May 23, 2025, 8:09 PM

#

round chasm or put it on github

should i do the @import-thing or just paste the links?

round chasm May 23, 2025, 8:10 PM

#

idk

#

probably import

round chasm May 23, 2025, 8:25 PM

#

oh you should also put the customizable anim speed in the codeblocks

#

(still keep it in the import though)

eternal galleon May 23, 2025, 8:38 PM

#

ohh thanks

round chasm May 24, 2025, 12:24 AM

#

oh just found a small bug

#

add transform .4s cubic-bezier(.16,1,.3,1) to the transition

#

that's applied to the emojis by default, but the transition from your snippet overrides it, so they're not an animated

#

also the .button_f7ecac > div in the less anim version needs more specificity for the same reason

bright belfry May 25, 2025, 10:04 PM

#

the icons are gone for me for some reason and i dont know why :/ it wsa fine yesterday

pine siren May 26, 2025, 12:01 PM

#

sorry i ate them

round chasm May 26, 2025, 12:22 PM

#

bright belfry the icons are gone for me for some reason and i dont know why :/ it wsa fine yes...

delete this line

eternal galleon May 26, 2025, 12:23 PM

#

did i messed up something?

#

i'm taking a look at it later

round chasm May 26, 2025, 12:24 PM

#

yeah, you accidentally included the selector for all the buttons in the snippet for less

#

just deleting that line fixes it

eternal galleon May 27, 2025, 10:20 PM

#

bright belfry the icons are gone for me for some reason and i dont know why :/ it wsa fine yes...

btw should be fixed now

radiant hornet May 28, 2025, 10:35 PM

#

It works fine for the most part. I just found out that it kills the edit button in the status area of Userprofile.

#

I'm using the more animations one.

round chasm May 28, 2025, 10:40 PM

#

it doesn't for me?

radiant hornet May 28, 2025, 10:40 PM

#

Strange

#

Ik it's not my theme cause I disabled it and put the code in quickcss and it killed the edit button

#

I'm using the original more animations one.

round chasm May 28, 2025, 10:44 PM

#

the original?

radiant hornet May 28, 2025, 10:44 PM

#

I think if you try using that one it'd also kill the button for you

round chasm May 28, 2025, 10:44 PM

#

not the newest version?

radiant hornet May 28, 2025, 10:44 PM

#

This one

round chasm May 28, 2025, 10:44 PM

#

i'm using the import

radiant hornet May 28, 2025, 10:46 PM

#

I use the more animations one cause the emojis and react images get in the way and prevent me from clicking links.

#

Wait

#

Nvm I'm so slow

#

I'll just use the one you made.

round chasm May 28, 2025, 10:47 PM

#

i'm using ```css
@import url("https://raw.githubusercontent.com/HeroOfDungeon/snippets/refs/heads/main/More Animations.css");

:root {
--animation-speed: 0.1s;
}

radiant hornet May 28, 2025, 10:49 PM

#

Wait

#

Interesting. I think I had code that did something similar. Cause this is way shorter than the one I removed.

#

OH I was using the outdated one. It makse sense now. Thank you for the help.

#

I'm a little slow is all.

round chasm May 28, 2025, 10:51 PM

#

I would recommend you use mine if you're worried about lag though

radiant hornet May 28, 2025, 10:51 PM

#

There's no llag

round chasm May 28, 2025, 10:52 PM

#

even while typing?

radiant hornet May 28, 2025, 10:52 PM

#

Oh. The previous version wasn't laggy. Strange. Looks like I'll use yours.

round chasm May 28, 2025, 10:53 PM

#

:has() causes typing to be laggy for me

#

radiant hornet May 28, 2025, 10:55 PM

#

Yeah, no the new version kills discord. I'm using yours now. The old one worked really well. only thing is it killed that one button.

round chasm May 28, 2025, 10:55 PM

#

what was the old version?

radiant hornet May 28, 2025, 10:56 PM

#

round chasm i'm using ```css @import url("https://raw.githubusercontent.com/HeroOfDungeon/sn...

It was basically this but there was no lag and it was a rather large bit of code.

round chasm May 28, 2025, 10:56 PM

#

can you copy it paste it in my dms

radiant hornet May 28, 2025, 10:56 PM

#

If I can find it again. I might have it saved somewhere on here

round chasm May 28, 2025, 10:57 PM

#

can't you just do ctrl+z

radiant hornet May 28, 2025, 10:58 PM

#

I can't cause in the theme I use I saved and closed it. It looks like it was one of the very few I didn't save in a text file.

round chasm May 28, 2025, 10:58 PM

#

ah

radiant hornet May 28, 2025, 10:59 PM

#

Unfortuante.

#

I really wished I saved it though cause there was no lag at all and the theme I use has a bunch of animated stuff in it.

round chasm May 28, 2025, 11:00 PM

#

round chasm here's an improved version ```diff +no :has() +better transition -quick react em...

this is still animated

radiant hornet May 28, 2025, 11:01 PM

#

I know it is.

round chasm May 28, 2025, 11:01 PM

#

the only downside to my version is that it doesn't seperate the emoji slide out

radiant hornet May 28, 2025, 11:01 PM

#

I just wanna know why the other is so laggy.

round chasm May 28, 2025, 11:01 PM

#

:has()

#

this single :has() causes all the lag

radiant hornet May 28, 2025, 11:03 PM

#

Interesting

#

WAIT

#

I have a backup of the theme before I made the change

echo cipher May 29, 2025, 4:39 AM

#

.buttonsInner__5126c > .button_f7ecac:not(:nth-last-child(2)) {
    width: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: width 0.1s ease-out, padding 0.1s ease-out !important;
    will-change: width, padding;
}
.buttonsInner__5126c:hover > :not(.separator_f84418, .button_f7ecac:has(div)),
.buttonsInner__5126c:has(
    .button_f7ecac:hover ~ .button_f7ecac[aria-label*="Add"],
    [aria-label*="Add"]:hover
) > .button_f7ecac:has(div) {
    width: 24px;
    min-width: 24px;
    padding: 2px;

> .icon_f84418 {
        width: 20px;
    }
}

.separator_f84418 {
    display: none;
}```

radiant hornet May 29, 2025, 4:39 AM

#

Wha?

echo cipher May 29, 2025, 4:39 AM

#

It may be a bit different, but in general, this is the snippet (I have the More Animations one only).

radiant hornet May 29, 2025, 4:40 AM

#

Oh

echo cipher May 29, 2025, 4:41 AM

#

It's pretty laggy, though...

#

Bc it has multiple :has() selectors.

radiant hornet May 29, 2025, 4:42 AM

#

.button_f7ecac:has(div), .button_f7ecac > div, /* Reactions */
.separator_f84418 /* Seperator */,
.button_f7ecac[aria-label*="Copy"], .button_f7ecac[aria-label*="Copy"] > svg, /* Copy */
.button_f7ecac[aria-label*="Unread"], .button_f7ecac[aria-label*="Unread"] > svg, /* Unread */
.button_f7ecac[aria-label*="Pin"], .button_f7ecac[aria-label*="Pin"] > svg, /* Pin */
.button_f7ecac[aria-label*="Raw"], .button_f7ecac[aria-label*="Raw"] > svg, /* Raw */
.button_f7ecac[aria-label*="Add"], .button_f7ecac[aria-label*="Add"] > svg, /* Add Reaction Selector */
.button_f7ecac[aria-label*="Reply"], .button_f7ecac[aria-label*="Reply"] > svg, /* Reply */
.button_f7ecac[aria-label*="Edit"], .button_f7ecac[aria-label*="Edit"] > svg, /* Edit */
.button_f7ecac[aria-label*="Forward"], .button_f7ecac[aria-label*="Forward"] > svg /* Forward */ {
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: width 0.1s ease-out;
    transition: padding 0.1s ease-out;
}

.buttonsInner__5126c:hover > :not(.separator_f84418, .button_f7ecac:has(div)),
.buttonsInner__5126c:has(.button_f7ecac[aria-label*="Add"]:hover, .button_f7ecac:hover > div, .separator_f84418:hover) > .button_f7ecac:has(div) {
    width: 24px !important;
    min-width: 24px !important;
    padding: 2px !important;
    
    > .icon_f84418 {
        width: 20px !important;
    }
}

.buttonsInner__5126c:has(.button_f7ecac[aria-label*="Add"]:hover, .button_f7ecac:hover > div, .separator_f84418:hover) > .separator_f84418 {
    width: 1px !important;
    margin: 2px 4px !important;
}```

#

This one is pretty much the same as that but alot less laggy

echo cipher May 29, 2025, 4:42 AM

#

Oh, wow... that's a lot of selectors.

#

😆

radiant hornet May 29, 2025, 4:43 AM

#

It is but it isn't as laggy

#

I got this one a while back.

nocturne sierra May 30, 2025, 12:18 AM

#

ngl i'd love to see a theme that brings back the old reaction animation that used to exist

round chasm May 30, 2025, 12:32 AM

#

huh

#

what animation is that

nocturne sierra May 30, 2025, 1:16 AM

#

round chasm what animation is that

yeah basically there used to be a small animation when you reacted to a message

round chasm May 30, 2025, 1:16 AM

#

nocturne sierra yeah basically there used to be a small animation when you reacted to a message

what about not basically

#

do you have a video

nocturne sierra May 30, 2025, 1:17 AM

#

i dont but there used to be some animation for reactions, and it was all the way back in 2020

round chasm May 30, 2025, 1:26 AM

#

nocturne sierra i dont but there used to be some animation for reactions, and it was all the way...

think I found what you mean https://youtu.be/-w7XYr22UEw?t=522

YouTube

Code With Swastik

Emojis And Reactions in Discord py | Part 7: Make you own Discord B...

In this video, we will learn how to send emojis and add reactions in our bot coded in python using discord.py (rewrite) in 2020.

If you have any suggestions for future videos, leave it in the comments below.

Some Useful Links -

My Discord Server- https://discord.gg/TXF3hBj

My Twitter - https://twitter.com/codewithswastik
My Instagram -...

▶ Play video

nocturne sierra May 30, 2025, 1:26 AM

#

yep!

#

idek why they removed it

round chasm May 30, 2025, 1:26 AM

#

unrelated to this snippet though

nocturne sierra May 30, 2025, 1:27 AM

#

yeah true but it was the closest related to animations

round chasm May 30, 2025, 1:27 AM

#

shouldn't be too hard to implement though

round chasm May 30, 2025, 1:27 AM

#

nocturne sierra yeah true but it was the closest related to animations

#🎨-theme-development

tranquil quartz Jun 1, 2025, 1:18 PM

#

sturdy lodge

Wait this might be good

#

You don't have to move your cursor to the left of the screen anymore

meager schooner Jun 13, 2025, 1:44 AM

#

thank you.
I'm going to make an attempt to implement this. it gives me a headache for the motions

Edit got lost: Sorry I didnt mean to go here, wrong place , I hate threads

round chasm Jun 13, 2025, 1:45 AM

#

implement what?

round chasm Jun 13, 2025, 1:45 AM

#

round chasm think I found what you mean https://youtu.be/-w7XYr22UEw?t=522

oh this?

meager schooner Jun 13, 2025, 1:45 AM

#

Wait I might have ended up in the wrong area. I'm trying to apply the remove avatar decorations being autoplay

#

but somehow I may have ended up in the wrong thread

#

#🎨-css-snippets message

#

Sorry I meant to go here, wrong place , I hate threads

nocturne sierra Jun 13, 2025, 5:10 PM

#

thank you.
I'm going to make an attempt to implement this. it gives me a headache for the motions
@meager schooner

implement what?
@round chasm

yea tbh idek why they removed it, it looks much better tho idk how it would work with super reactions but im sure they'll find a way

round chasm Jun 13, 2025, 7:30 PM

#

?

#

theyre not talking about the thing you sent

nocturne sierra Jun 13, 2025, 8:46 PM

#

round chasm theyre not talking about the thing you sent

oh :(

Now that brings me to smth else, wonder if anyones started it yet

round chasm Jun 14, 2025, 12:31 AM

#

nocturne sierra oh :( Now that brings me to smth else, wonder if anyones started it yet

You could do it
But can you talk about it in #🎨-theme-development to keep this thread on topic

nocturne sierra Jun 14, 2025, 12:31 AM

#

uhh my css skills are ass lol, its not the declarations or whatever its just im ass at design lol

round chasm Jun 14, 2025, 12:34 AM

#

well you can ask for help in #🎨-theme-development

vital tangle Jun 22, 2025, 3:02 PM

#

is it normal that more animations make my discord lagging

pine siren Jun 22, 2025, 5:18 PM

#

Yes

round chasm Jun 22, 2025, 7:59 PM

#

vital tangle is it normal that more animations make my discord lagging

animations will make it lag a tiny bit, but I think this snippet uses :has()

#

:has() makes discord lag a ton

pine siren Jun 23, 2025, 8:45 AM

#

*:has(*) {
  content: ""
}

bitter pine Jun 23, 2025, 11:12 AM

#

thanks, that fixed my lag

pine siren Jun 23, 2025, 2:04 PM

#

What

#Animated Message Options