APEX + CSS Classic report cards scale Effect

APEX + CSS Classic report cards scale Effect

To scale out the classic report cards on hover we need to put below two lines of code.

• Scale out

.t-Cards .t-Cards-item .t-Card:hover {
transform: scale(0.7);
z-index:99;
}

• Scale in

.t-Cards .t-Cards-item .t-Card:hover {
transform: scale(1.4);
z-index:99;
}

• Card Icon scale with transition

.t-Cards .t-Cards-item .t-Card .t-Icon {
     transition: all .2s ease-in-out;
}
 .t-Cards .t-Cards-item .t-Card .t-Icon:hover {
     transform: scale(1.5);
     z-index:99;
}