How to make 2 transform where one without duration?

Question

css

Hello!
The essence of the problem is this, there is one block (button), it is necessary for two different windows to make a condition under which in one of them, in one transformation (where there are several of them by condition), one was animated and the other was not.
There is an arrow that is used for two states: closing the block and scrolling to the top
, so, in the first case, you only need to scroll to the top and disappear, but in the second, scroll to the top, close the block and remain in the state that is necessary for the first event.
there are some developments, but the problem lies in the fact that the transition fulfills all the conditions, and I need only one, and despite the fact that the second is necessary, damn it))
In general, it is necessary that rotate with scale is not processed

Answer 1

you show an example
of wang especially no one knows how