How to make opacity animations from top left to bottom right (fade in / out)

[KLAE2160 (FlameIgniter)]

How do I make fade-in / out (transparency) animation like the arrow in the image

[RainingMemory (nat)]

it’s a little scrappy, but here’s how i made this quick “demo”

• make a canvas group (very important!!!)

• have a UIGradient in it, make the rotation something like 50, and have the transparency graph look something like this

• you can change this point to be anywhere on the X axis. make sure it’s not 0 though. making it closer to 0 makes the fade much sharper, and vice versa.
  

  

• then, you can adjust the X offset of the gradient.
  

• i haven’t tested anything with other elements, so it might break a lil. here is the rbxm if you would like to take a peek.
  arrowTransparency.rbxm (6.6 KB)

• then you can use something like TweenService to make an animation, changing the X offset of the gradient.