Transform

1.

.div {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        transition: transform .3s ease;
        will-change: transform;
    }

.active {
        transform: translatex(-100%);
    }

2.

.div {
        position: fixed;
        top: 0;
        right: 100%;
        width: 100%;
        transform: translatex(-100%);
        transition: transform .3s ease;
        will-change: transform;
    }

.active {
        transform: translatex(0px);
    }