相信大家在试用css3动画时候一定用过transition属性，相对于js动画来说用起来更快速简单。
但是当transition遇到display时，却无法生效了，这个问题在百页面的首页出现过，就是弹出的黑色块就是利用display:none;来隐藏掉的，之后的过渡效果就实现不了了。曾经想到要利用opacity解决，但是这个属性会使大黑块遮挡下方内容。
最近在网上刚好看了篇相关的帖子，在这里，刚好试下，
文章给出了3中方法，这里只展示了第二种。
相信大家在试用css3动画时候一定用过transition属性，相对于js动画来说用起来更快速简单。
但是当transition遇到display时，却无法生效了，这个问题在百页面的首页出现过，就是弹出的黑色块就是利用display:none;来隐藏掉的，之后的过渡效果就实现不了了。曾经想到要利用opacity解决，但是这个属性会使大黑块遮挡下方内容。
最近在网上刚好看了篇相关的帖子，在这里，刚好试下，
文章给出了3中方法，这里只展示了第二种。