TweenService BackgroundTransparency problems

Help and Feedback Scripting Support
,
1

I made a button that if i Hover it, it will change the BackgroundTransparency to 0 and if I dont Hover it changes the BackgroundTransparency to 1.

My problem now is that when I leave the Button it does something what I don’t understand why it do that. It changes the BackgroundTransparency to 0 for a few seconds and then it goes back to 1 and then it changes the BackgroundTransparency to 1.
But If i hold on the button (so click it and then leave) then it works so how I want it.

I dont know how to explain this problem but if you dont know what i mean, here is a video:

External Media

Script:

local Panel = script.Parent.Panel
local Send = Panel.Send

Send.MouseEnter:Connect(function()
	TweenService:Create(Send, TweenInfo.new(0.5), {
		BackgroundTransparency = 0
	}):Play()
end)

Send.MouseLeave:Connect(function()
	TweenService:Create(Send, TweenInfo.new(0.5), {
		BackgroundTransparency = 1
	}):Play()
end)
2

I don’t know what problem you’re experiencing, but this is what I would to to stop past tweens:

local Panel = script.Parent.Panel
local Send = Panel.Send

local existingTweens = {}

local function CancelOtherTweens(tween)
	for k,n in pairs(existingTweens) do
		n:Cancel()
	end
	table.insert(existingTweens,tween)
	tween:Play()
end

Send.MouseEnter:Connect(function()
	local tween = TweenService:Create(Send, TweenInfo.new(0.5), {
		BackgroundTransparency = 0
	})
	CancelOtherTweens(tween)
end)

Send.MouseLeave:Connect(function()
	local tween = TweenService:Create(Send, TweenInfo.new(0.5), {
		BackgroundTransparency = 1
	})
	CancelOtherTweens(tween)
end)