Hover Property Not working in Advance Stylesheet

[Sayantan_Chatterjee]

I was trying to add add property on a label so that if we hover over that it should grow, So i was using the below script :
.psc-expand {
width: 100px;
height: 100px;
background: red;
transition: width 2s, height 4s;
}

.psc-expand:hover {
width: 300px;
height: 300px;
scale: 1.5;
}
But its not working in perspective. Anyone could help on that.

[Learner_Ignition]

I used your CSS and its working fine for me.

[cmallonee]

As it worked for @Learner_Ignition , you might be running into a situation where you either need to save your project in the Designer, or you need to open a new page. CSS resources are not always picked up on save depending on which browser you are using and which settings of that browser. If you're testing this in the Designer, View resources do not pick up new CSS rules until they have been closed and re-opened.

[Sayantan_Chatterjee]

@Sayantan_Chatterjee

.psc-expand {
width: 100px;
height: 100px;
background: red;
transition: width 2s, height 4s;
}

.psc-expand:hover {
width: 300px;
height: 300px;
scale: 1.5;
}

@cmallonee Yep. All good, it works in browser but not in the designer.