How do I make fade-in / out (transparency) animation like the arrow in the image
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.
3 Likes