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
  • 16,068
  • 14
  • 77
  • 112
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
  • 914,110
  • 126
  • 1,211
  • 1,335