Error? Why? Почему?

Question

div .tl {
width: 50px;
height: 50px;
background: #32CD32;
transition: width 3s;
-webkit-transition: width 3s;
}
div .tl:hover {
width: 250px;
}
div .lt {
width: 250px;
height: 50px;
background: #32CD32;
transition: width 3s;
-webkit-transition: width 3s;
}
div .lt:hover {
width: 50px;
}

Answer 1

I think it should be "width" as string in the transition, but I can't test it with only knowing the css

Answer 2

Thanks, Lisa.

Answer 3

Class inheritance, not enough knowledge to get around.

Answer 4

There is no code, that is, this piece is just experimental and will not be used anywhere. Although, if you modify it a little, you can make a pull-out menu.

Answer 5

Class inheritance? Do you mean CSS or are you talking about something else?

Please show your code and explain what you attempt to do!