javascript - 关于这种弹窗的过渡动画优化
大家讲道理
大家讲道理 2017-04-11 12:59:26
0
1
480

这种将元素切换至显示状态的效果,有一个display:none的状态是没法过渡的,必须先处理显示和隐藏的状态后再使用透明度进行过渡,产生动画效果,可是感觉用定时器处理起来不自然啊,有没有更好的优化方案?或者大家平时是怎么处理的?排除vue等一些框架,想知道用css3的解决思路

https://jsfiddle.net/gaoqiang...

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

모든 응답(1)
Peter_Zhu

用visibility: hidden;代替display:none;
显示就是visibility:visible;

注意:transition后面指定opacity,写all会导致visibility也会产生过渡出错

transition:opacity .5s ease-in;
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿