How to make this colourful animation?

[orosqui3]

I’ll make a nuke script for my game, and I want a background animation like this:

(All credits for Answer Or Die and its studio)

[RealingZeeKung (colour)]

i think they put rainbow gradiant image inside a button and rotate it

[Veexas]

ui gradient and tween its rotation

[SevenDevelopment]

Looks like they’re tweening the rotation until it hits each corner, then moving to the next (tween/corner).

UI Animations

[orosqui3]

How I put two frames like this, and the gradiant perfectly rotating without “leaving” the button? I have to set the zindex or something?

[Veexas]

make a frame with uigradient with looped rotation tween, then put a imagebutton inside the frame i think

[lilmazen1234 (MazenEz)]

It’s a Frame inside it an ImageLabel which is the nuke image and TextLabel which is the Nuke Text.
For the rotating animation, they’ve added a UIGradient inside the Frame and colored it as a rainbow.

Next up They’ve added this script inside to make the animation play.

local TimeEachSpin = 1.5
while task.wait() do
	local animation = game.TweenService:Create(script.Parent, TweenInfo.new(TimeEachSpin), {Rotation = script.Parent.Rotation + 360})
	animation:Play()
	animation.Completed:Wait()
end

Make sure to mark it as a solution if it helped.

[Veexas]

put this in localscript inside the uigradient

local TS = game:GetService("TweenService")
TS:Create(script.Parent, TweenInfo.new(5, Enum.EasingStyle.Linear, Enum.EasingDirection.In, -1, false, 0), {Rotation = script.Parent.Rotation + 360}):Play()

[orosqui3]

It works! Tsym man! Exactly than showed in the video.