CSS显示属性上的过渡

CSS显示属性上的过渡

您可以连接两个或多个过渡，

visibility

这是这次方便的事情。

div {  border: 1px solid #eee;}div > ul {  visibility: hidden;  opacity: 0;  transition: visibility 0s, opacity 0.5s linear;}div:hover > ul {  visibility: visible;  opacity: 1;}<div>  <ul>    <li>Item 1</li>    <li>Item 2</li>    <li>Item 3</li>  </ul></div>

（不要忘记

transition

属性的供应商前缀。）