0

My code goes something like this

#padmeni {
    width:140px;
    display:none;
    background-color:#5F9EA0;
    position:absolute;
    top:30px;
    left:160px;
    display:none;
    border-radius:2px; 
    opacity:0.9;
    padding-top:10px;
    -webkit-transition: display 1s ease-in;
    -moz-transition: display 1s ease-in;
    -o-transition: display 1s ease-in;
    transition: display 1s ease-in;
}

nav ul li:hover #padmeni {
    display:block;
}
leonheess
  • 10,362
  • 9
  • 56
  • 89
tyume
  • 15
  • 4

1 Answers1

0

Only animatable properties can be transitioned. display is not one of them.

There are no mid-points to transition though.

Quentin
  • 857,932
  • 118
  • 1,152
  • 1,264