transition与visibility之间的小tips

之前经常遇到这个问题,就是在用transition样式的时候经常不起作用,一个元素处于隐藏状态(display:none)时,通过添加一个class将元素显示出来,这样其实过度效果是不起作用的,懒做的我经常把这种动画效果去掉,今天产品强烈建议加上这个效果,无奈。我请教了一个同事,同事跟我说加一个delay试试,其出发点就是元素处于隐藏状态时,浏览器不知道他在哪个位置,当激活过度元素时找不到过度的起止点,所以也就没了过度效果。我加上delay不起作用,但是受到启发,因为我知道display:none和visibility之前的区别,然后这两个属性就愉快的工作了!

哈哈,文章虽短,可是很有用处,管理员不要给我砍掉哈

 

 

 

transition与visibility之间的小tips_第1张图片

你可能感兴趣的:(transition与visibility之间的小tips)