How to replace transform in Safari browser?

Question

css

Transform: scaleY(0) does not want to work in Safari
How can I solve the layout problem?

.submenu {
    margin-top: 0px;
    background: #f5f5f5;
    position: fixed;
    border: 0px solid #ccc;
    left: 0%;
    z-index: 5;
    width: 100%;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: .1s ease-in-out;
}

Answer 1

-webkit-transform: scaleY(0); 
-ms-transform: scaleY(0);
transform: scaleY(0);