Log in
Log into community
Join the Webstudio community
View all posts
Related posts
Was this helpful?
π
π
π
Powered by
Hall
Inactive
Updated 5 months ago
0
Follow
Can anyone tell me how to rotate the separator element?
Can anyone tell me how to rotate the separator element?
Inactive
0
Follow
At a glance
B
Batman-sama
5 months ago
Β·
Trying to rotate the separator element vertically, but I'm not sure how to go about that.
J
B
M
22 comments
Share
Open in Discord
J
John Siciliano
5 months ago
transform UI is coming out very soon. for now add advanced property transform with value rotate(90deg)
J
John Siciliano
5 months ago
btw this is just css. nothing special about webstudio
B
Batman-sama
5 months ago
thanks for the assistance
B
Batman-sama
5 months ago
also, this is what i see what i try to do it
Attachment
B
Batman-sama
5 months ago
how do i enter the degrees properly?
M
Milan Boisgard | Uncode School
5 months ago
transform: rotate(90)
M
Milan Boisgard | Uncode School
5 months ago
it works like that π
B
Batman-sama
5 months ago
thanks for responding.
i tried that and got this
Attachment
M
Milan Boisgard | Uncode School
5 months ago
Sorry
M
Milan Boisgard | Uncode School
5 months ago
Indeed, it's red for me too
M
Milan Boisgard | Uncode School
5 months ago
but it works...
M
Milan Boisgard | Uncode School
5 months ago
don't know why...
B
Batman-sama
5 months ago
yeah, i tried a few things skew(90deg) and nothing
M
Milan Boisgard | Uncode School
5 months ago
they are working on a transform section which is coming very soon so maybe there is a bug for now on this...
M
Milan Boisgard | Uncode School
5 months ago
if it not work you can addd an HTML embed element and add :
<style>
your-class: {
tranform: rotate(90);
}
</style>
J
John Siciliano
5 months ago
ah forgot we break it out like this
Attachment
M
Milan Boisgard | Uncode School
5 months ago
aaah all right! Thanks for the tips John!
B
Batman-sama
5 months ago
Sweet business!
Thanks for this.
One thing though; is it supposed to extend outside the container?
Attachment
M
Milan Boisgard | Uncode School
5 months ago
it depend the configuration. you should share a link with us
B
Batman-sama
5 months ago
https://apps.webstudio.is/builder/7f80df27-f903-4021-bbd1-52280d610eab?authToken=2322ac68-2c08-4fe3-b7e8-ef881bd4d6d0&mode=preview
J
John Siciliano
5 months ago
yes, transforms dont impact how the parent treats it
J
John Siciliano
5 months ago
you can change transform origin to determine the axis
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin
Add a reply
Sign up and join the conversation on Discord
Join on Discord