translateX and translateY

Question

Is it possible to apply a translateX first them translateY?

If i try:

.blabla {
transform: translateX(300px)
transform: translateY(300px)
}

the translateY will run but the translateX wont :(

Edit: I want the translateX runs first then Y

Answer 1

Allan Nguyễn if you want 2 transform run in sequence, you need to put in it @keyframes, use animation selector to run the @keyframes sequence.

Answer 2

Hey, you can use it like :

transform: translate(300px, 300px);

Answer 3

Allan Nguyễn Remember in css, the come after selector always overwrite the precedent same selector.
So never expect 2 same selector would take effect together.

Answer 4

Animation will help then
At 0% translateX
At 50% translate Y

Answer 5

Arb Rahim Badsa i tried it but it runs both, i want the X runs first then Y... i meant... i want to goes left first then go down...