.rotateclass .x-icon {
transition: transform 0.5s ease;
transform: rotate(00deg); /* Initial rotation */
}
.rotateActive .x-icon {
transform: rotate(90deg) !important;
}
/*
// Ignore if you don’t need to hide/show the image.
*/
.opacityClass {
transition: opacity 0.5s ease;
opacity: 0; /* Initial opacity */
}
.opacityActive {
opacity: 1;
}