文章详情页
前端 - CSS3 如何设计节点删除(对应标签也会删除)的动画?
浏览:82日期:2023-08-10 16:39:47
问题描述
CSS3 的效果现在很多, 单纯的退出动画直接用类库可以做到: http://daneden.me/animate/但这样有一个问题, 因为 CSS3 的动画都是需要元素一直存在的,如果做应用遇到有删除, 为了好的体验加上动画, 那么删除的动画怎么做?如果删除元素, 动画就没了; 如果延时删除元素, 动画变成异步去很麻烦了.有没有好的方案来实现删除的动画?
问题解答
回答1:用css3的keyframes试试
在100%的时候实应用隐藏的display:none;
回答2:可以监听animationend或者transitionend事件,动画或者渐变结束后让它消失。这样不需要用动keyframes。
$('.yourClass').addClass('animationClass').on(’transitionend webkitTransitionEnd oTransitionEnd otransitionend animationend webkitAnimationEnd’, function(){$('.yourClass').hide();});
不需要消失的时候unbind事件即可
标签:
CSS
相关文章:
1. python - 获取到的数据生成新的mysql表2. javascript - js 对中文进行MD5加密和python结果不一样。3. mysql里的大表用mycat做水平拆分,是不是要先手动分好,再配置mycat4. window下mysql中文乱码怎么解决??5. sass - gem install compass 使用淘宝 Ruby 安装失败,出现 4046. python - (初学者)代码运行不起来,求指导,谢谢!7. 为啥不用HBuilder?8. python - flask sqlalchemy signals 无法触发9. python的文件读写问题?10. 为什么python中实例检查推荐使用isinstance而不是type?
排行榜
