How can I size a UI from the other side?

Help and Feedback Scripting Support
1

Notice how you can only size frames on SurfaceGUIs from one side only, not the other.
I want to recreate this kind of effect
https://gyazo.com/ae0cfaface29fa390e3fe00fcb72dc43

I have already finished the one going side going down, but how will I make it the same for the other side to size itself down?

(My script)

local Tween_Service = game:GetService("TweenService")
local Line_Adorner = script.Parent.Parent.Page_Line
local Start_Size = Line_Adorner.Size
local End_Size = UDim2.new(0, 10, 0, 320)
local Time = 0.2
local Tween_Info = TweenInfo.new(
	Time,
	Enum.EasingStyle.Sine,
	Enum.EasingDirection.Out,
	0,
	false,
	0
)

local Mouse_Adorner = Tween_Service:Create(Line_Adorner, Tween_Info, {Size = End_Size})

script.Parent.MouseButton1Click:Connect(function()
	Mouse_Adorner:Play()
end)

https://gyazo.com/a6fb4b0348fc4ad776a12bf41c19f75d

As far as I know, you can only size stuff from the lower side, but not up, you’d have to move the frame and then size the lower side of the frame on a SurfaceGui.

Meanwhile asking about the things above, my second question comes in place, is it possible I can size a frame from the other side? It only let’s me from the lower side as shown an example below:
https://gyazo.com/86f562ce4ef678fedc2c95b42d33bced

If you don’t understand something, simply ask me again.

2

Not sure why this is getting views but no further response.

3

set ancor point to vector2.new(.5,.5)
if you want it to move tween the pos also

1 Like
4

You can do this by using AnchorPoint

1 Like