Можно ли на чистом css плавно сместить элемент из центра к левому краю?

Question

[photosho]

Элемент находится внутри родителя, растянутого на всю ширину экрана, расположен по центру:

.elem {
        left: 0px;
        right: 0px;
        margin: auto;
    }

При добавлении родителю некоего класса элемент нужно плавно сместить влево, к левой границе родителя. Сместить моментально позволяет такой стиль:

.parent.class .elem {
        right: auto;
    }

Вопрос в том, как сделать это плавно. Возможно ли на чистом css?

Comments

[Mesuti]

Да, добавьте transition

[photosho]

Mesuti какому параметру? "transition: all" не помогает.