How to make the element zoom in during hover?

[littenli]

I want to make the effect like the following picture, when mouse hover to the card, make it zoom in.

I know I can use C# to modify the transform property, but that’s obviously a bit tricky, can it be done in USS?

In HTML/CSS, I can do it like this.

.ele:hover {
    transform: scale(1.5);
}

But it looks like USS doesn’t support that?

[bartuq]

Try this:

.ele:hover {
    scale: 1.5 1.5;
}

[littenli]

@bartuq

Try this:

.ele:hover {
    scale: 1.5 1.5;
}

I didn’t think at all that there would be a difference with CSS here!
But it worked, thanks.