Как отключить transition для отдельного элемента?

Question

[Roman]

Для основного контейнера <div class="site-content">
Указано свойство .site-content { transition: all .3s ease-in-out; }

Как отключить transition для вложенного блока <div class="menu">?
.menu { transition: none; } не помогает.

Нашел пример в котором меняют height: jsfiddle.net/2uVAA/35
Но не получается применить для моей ситуации — мне нужно менять left приposition: absolute;

Answer 1

[Максим Люмен]

весь код покажите (на jsfiddle или на codepen)

Comments

[Roman]

Максим Люмен Весь код codepen

[Максим Люмен]

Roman: тебе вообще какому элементу нужен transition ?? для чего общему блоку придал это свойство ?

Answer 2

[Dizainer Gazeti]

Попробуй .menu { transition: none !important; }