CODEWITHSUNDEEP
cssfirefoxcss-transitions
saad
saad

Reputation: 1364

Transform3d did not work for firefox

Transform 3d was working fine in last version of firefox but in its new updated version 52.0.1 (32-bit), it did not work. CSS code is below

When menu close:

.c-menu {
     transform: translate3d(268px, 0px, 0px);
    -moz-transform: translate3d(268px, 0px, 0px);
    -webkit-transform: translate3d(268px, 0px, 0px);
}

When menu open (from right):

#sidebar.toggled {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    -moz-transform: translate3d(0px, 0px, 0px) !important;
}

Upvotes: 0

Views: 866

Answers (1)

Zulfiqar Haider
Zulfiqar Haider

Reputation: 26

translate3d not working in latest Firefox version do this it will fix your issue 

.c-menu {
    right: -268px
}

#sidebar.toggled {
    opacity: 1;
    right: 0px
}

Upvotes: 1

Related Questions