问一个行内写动画样式animation不生效问题

weixin_38068392 2018-12-20 03:41:34

给一个元素加了下落动画animation，行内的，方便调用时可设置其下落时间，本来是正常的，但是第二天突然就不生效了，改到CSS上写的话就没有问题，这是什么情况？有没有大佬知道怎么解决？

...全文

776 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

依旧菈凮 2020-11-25

打赏
举报

回复

老哥，你解决了吗？我遇到差不多的问题了

我的需求是做一个砸金蛋功能，点击金蛋弹出modal ,这个modal是一个砸金蛋的动画。第一次执行这个点击事件触发这个事件没有问题，但是当我关闭这个modal再次打开这个动画效果不触发了，求解答在这先谢过了，下面附上代码(点击事件触发下面弹框有定义了动画animationData，调用基础库是2.1.1)关闭金蛋模态框clickeggs: function () {this.setData({ ...

CSS3的animation实在是让人爱不释手，越用越觉得离不开了。较高的性能以及和js的逻辑无关性，可以专注于动画效果本身，真的很不错，尤其在手机上，只需主要考虑webkit内核的，更是爽，但随着使用，也发现一些坑，就分享给大家吧。对于一个要显示动画的元素，一定要先show，然后在执行动画语句。在iPhone设备上如果先执行动画语句再显示元素，则动画可能无效，android则没问题。有时候我们执行动画语句的时候发现第一次并不生效，但是执行过一次，再次执行就好了。此问题只会在移动上出现，PC端则

今天在做项目的时候发现，有一个页面的显示有问题，然后开始查看原因最后发现自己在别处使用了！important 。。。。。。。。。我学习到了新的知识！！important 我内心关于css样式还是停留在行内样式，id,class选择器和import引入样式今天发现还有一个最高层级的是！important 具体的用法{ margin-top:20px !ipmortant } ...

css3动画设置无效原因1: 添加动画元素是行内元素** 解决: 设置为行内块级元素原因2: diff算法的原因这个遇到的情况比较少,但是我在开发中确实遇到了,讲讲经历吧在做年度报告的时候,需要加一个动画效果,让文字逐行显示然后我就获取到当前页面的每一行的元素给元素加上动画属性样式第一个页面没有问题,每一行都是逐行显示的到了第二页,就没有逐行显示的效果了我以为是没获取元素,或者js没有生效调试之后发现都生效了,并且在控制台上查看元素的属性,已经加上了动画属性这就很奇怪,然后再切换

标签动态设置animation无效

其他技术讨论专区

433

社区成员

791,271

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章