SOLVED: Does transition time mean actual time?

For example:

.panel-left,
.panel-right {

 transition: all ease 30s;
]

How come the walls are open in less than 30 seconds?

Would I be using a different transition property to do that?

code https://jsfiddle.net/62cqo4t9/

What would be the css property to use to set a time for how long it will take for the 2 sides to be fully open?

I would need to change these back to %.

.curtain.slide .panel-left {
  transform: translateX(-100vw);
}

.curtain.slide .panel-right {
  transform: translateX(100vw);
}

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.