How can I use "Transitions"?

[idea-garage]

I want to use transitions to animate some elements.
How can I use Transitions option?
I don't see difference when I set the option value.
Thanks in advance.

[kof]

Transitions are set on a regular state, then you define the styles on hover or other states so that transition can transition from one state to another, this is not specific to webstudio, it's how CSS works.

[kof]

you mean you did that and it didn't work? in that case please share specific project with minimal reproduction

[idea-garage]

I want to animate specific element when a page loaded, but have no idea, something like this:

    .fade-in-float {
        opacity: 0;
        transform: translateY(5px);
        transition: opacity 0.5s ease, transform 0.5s ease;
    }
    .fade-in-float.fade-in {
        opacity: 1;
        transform: translateY(0);
    }

[kof]

page load is an event CSS doesn't have and neither does builder, this is only possible if somebody adds a style or class to the element. I think you are better off doing it with that code in html embed right now

[kof]

generally this will be possible in the future, with added event system, but not yet

[idea-garage]

Yes, of course. Thanks for your information to be clear.