-webkit-transición con pantalla

¿Hay alguna forma de usar-webkit-transition condisplay?

Estoy usando CSSdisplay para ocultar y mostrar un segundo nivel de navegación ... pero solodisplay: none ydisplay: block en:hover es un poco poco sexy ... unease sería genial (como-webkit-transition: display 300ms ease-in;)

Sé que es bastante fácil hacer esto con jQuery, pero actualmente estoy tratando de configurar todo con CSS3 (lo sé: no todos los navegadores lo admiten, pero eso es irrelevante para este proyecto en el que estoy trabajando actualmente)

Aquí hay un código y estructura: (elli.menu1 tiene un:hover consection.nav-menu1 {display: block;})

<ul>
    <li class="menu1"><a href="#">Menu 1</a>
        <section class="nav-menu1">
            <h1 class="none">Level 2 Overlay</h1>
            <nav>
                <h2 class="none">Menu 1 Navigation</h2>
                <ul>
                    <li><a href="#">Menu 1 Level 2-1</a></li>
                    <li><a href="#">Menu 1 Level 2-2</a></li>
                    <li><a href="#">Menu 1 Level 2-3</a></li>
                </ul>
            </nav>
        </section>
    </li>
</ul>