118kj手机看开奖,六i合采今晚开奖直播,118图彩图库开奖结果,www.8860444.com,www.026195.com

118图彩图库开奖结果

CSS3 display none 到 display block 有过渡效果没

发布日期:2019-10-09 09:58   来源:未知   阅读:

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。

  那个是从:opacity: 1; 到 opacity: 0; 跟display没关系,display表示展现方式,透明度才能确定渐变程度。

  //这里的speed参数为显示速率,我将其暂时定义成:speed越大,过度时间越长

  不如用jquery,简单效果好,还有好多过渡效果可选,最简单就用show(),hide() 或者fadeIn(),fadeOut();

  思路是,默认让目标div的visibility: hidden,我这里用引入animated.css动画库为例,只不过是封装了CSS3透明度效果的一个库而已。思路上是一样的。

  点击隐藏:先移除fadeIn,再添加class:fadeOut,然后用setTimeout延迟500毫秒后移除animated和fadeOut,以及seen,让DIV恢复到默认状态。延迟的原因是用来显示消失的动画效果。结束。

返回