How to disable transition for a single item?

Question

How to disable transition for a single item?

For the main container

Specify the property .site-content { transition: all .3s ease-in-out; }

How to disable transition for a nested block

?
.menu { transition: none; } does not help.

I found an example in which changing the height: jsfiddle.net/2uVAA/35
But it is impossible to apply to my situation — I need to change the left withposition: absolute;

CSS

kenyon_Hodkiewicz11 asked July 9th 19 at 13:42

More answers about "How to disable transition for a single item?"

2 answers

Sasha.Gorczany answered on · Answer 1 · 2019-07-09T13:44:05.664Z

Sasha.Gorczany answered on July 9th 19 at 13:44

show all the code (on jsfiddle or codepen)

All code codepen - kenyon_Hodkiewicz11 commented on July 9th 19 at 13:47

you do what element need to transition ?? why a General block has given this property ? - Sasha.Gorczany commented on July 9th 19 at 13:50

amie.Halvorson answered on · Answer 2 · 2019-07-09T13:46:05.665Z

amie.Halvorson answered on July 9th 19 at 13:46

Try it .menu { transition: none !important; }