欢迎您!
主页 > 白小姐心水论坛577477 > 正文
CSS3 display none 到 display block 有过渡效果没
日期:2019-10-08 来源:本站原创 浏览次数:

  可选中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恢复到默认状态。我有一同学减肥只吃代餐粉不运动第一周瘦了6斤这样下去他会减肥。延迟的原因是用来显示消失的动画效果。结束。