JSFiddle - React, Tailwind, and code Playground

by htmlzengarden

HTML

<ul>
    <li>
        Menu…
        <ul>
            <li>déroulant,</li>
            <li>déroulant,</li>
            <li>déroulant.</li>
        </ul>
    <li>
</ul>

CSS

ul ul
{
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    
    -webkit-transform: scaleY(0);
       -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
         -o-transform: scaleY(0);
            transform: scaleY(0);
    
    -webkit-transition: -webkit-transform 300ms;
       -moz-transition:    -moz-transform 300ms;
        -ms-transition:     -ms-transform 300ms;
         -o-transition:      -o-transform 300ms;
            transition:         transform 300ms;
}
ul:hover ul
{
    -webkit-transform: scaleY(1);
       -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
         -o-transform: scaleY(1);
            transform: scaleY(1);
}