腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
外部SVG中的
anime.js
querySelectorAll()中断属性‘querySelectorAll:’的[NodeList]
、
、
、
我试图用<rect>
动画
化
anime.js
中的所有SVG。只要SVG是内联的,我就可以调用querySelectorAll()或getElementsByTagName(),并将这个nodelist作为targets:的属性,所有选定的元素都将被
动画
化。elements = document.querySelectorAll("rect");targets: elements, 但:当我将相同的SVG代码链接到外部SVG (嵌入<object>元素)时,
a
浏览 2
提问于2019-03-03
得票数 0
回答已采纳
0
回答
Anime.js
backgroundColor带来意想不到的结果
、
、
所以我一直在玩弄
Anime.js
。我正在使用这一小段代码来尝试用一个字母id为a的div标记进行
动画
处理。一些挖掘似乎表明,元素的默认背景颜色是rgba(0,0,0,0),当使用带有alpha通道的颜色时,
Anime.js
似乎不起作用。我想这就解释了为什么
动画
以黑色开头。为css中的元素设置背景色似乎可以解决这个问题,即使它有alpha通道,但alpha通道永远不会在
动画
中生效。 但是,如果我想要从背景色rgba(0,0,0,0)到纯色的
动画
怎么办?谷歌搜索不会透露太多信息,因为
浏览 21
提问于2017-06-04
得票数 2
2
回答
没有定义带有Wordpress:模块的
Anime.js
、
、
、
、
我用
anime.js
在本地用普通的HTML、CSS和JS制作了一些
动画
。现在我需要在一个基于wordpress的网站上实现这些
动画
。下面是我的functions.php文件中的代码,其中我调用了
anime.js
和js文件,尽管我甚至不知道这个错误是否与如何对文件进行排
浏览 5
提问于2019-02-09
得票数 1
回答已采纳
2
回答
如何先给
Anime.js
元素一个开场
动画
,然后再给它一个循环
动画
?
、
、
、
我正在尝试用
Anime.js
制作一个物体的
动画
。它有一个打开的
动画
(旋转),播放一次,然后它应该有一个不同的旋转
动画
,无限循环。我将这两个
动画
放在一个时间线中,但它不会循环第二个
动画
。'-=1'}, {rotate: '-=2'}, ],使用
Anime.js</e
浏览 72
提问于2020-06-03
得票数 1
1
回答
如何用
anime.js
反向
动画
一个svg?
、
、
我已经调整了这个来自
anime.js
文档的SVG
动画
示例:我也有一个想法,如果动漫不能做到这一点,是不是有一个解决方案,以反向重新绘制SVG? 感谢所有人!:-)
浏览 6
提问于2021-01-12
得票数 2
2
回答
如何在
anime.js
中链接
动画
?
、
是否有任何方法可以在
anime.js
中链接
动画
,或者有队列/
动画
组可以等待,以便继续进行其他
动画
?
浏览 3
提问于2019-09-28
得票数 6
回答已采纳
1
回答
SVG图像元素的Vue.js绑定事件
、
、
我正在寻找一个选项来绑定Vue.js指令到SVG中的元素。例如,我在inkscape中创建了SVG图像,此图像的关键元素具有ids ... ... <img inkscape:export-filename="important_element1.png"> 我可以使用vue- SVG -loader将S
浏览 2
提问于2018-07-04
得票数 1
2
回答
JS旋转
动画
变化速度
、
、
问题是我找不到解决方案,当速度更新时,不会重新启动
动画
。 background-color: red;<script src="https://cdnjs.cloudf
浏览 3
提问于2018-04-24
得票数 4
1
回答
如何使用
anime.js
v.3为背景大小的多个值设置
动画
、
我也试着为IE11制作一个边框
动画
,我想通过使用
anime.js
是可能的。首先,我将其设置为CSS Animation,现在尝试将其转换为
anime.js
。但我的问题是,我没有找到任何示例或文档中如何为背景大小设置多个值的
动画
。 } });中间的矩形(.finishAni)应该会显示我想用
anime.js</em
浏览 47
提问于2019-07-24
得票数 0
1
回答
基于计时器的ReactJS
动画
边框或圆
、
、
我想要展示一个计时器,它可以减少每一秒的时间,并为圆圈添加
动画
。所以圆圈中的数字每秒都会减少,圆圈也会同时减少。我所说的圆将减少的意思是,基于计时器值,圆的一部分将消失/剪切。
浏览 29
提问于2019-08-24
得票数 1
回答已采纳
1
回答
正常
动画
anime.js
中的抖动
动画
、
、
我正在尝试制作一台电视的
动画
,就像这个视频:https://www.youtube.com/watch?v=ptV0VgEP0ws,但我不知道如何在每个黑色电视屏幕旋转和放大时产生“抖动”效果。
浏览 100
提问于2021-08-03
得票数 0
1
回答
动画
对象从屏幕的侧面进来,然后回来?
、
、
我使用
anime.js
来
动画
几个div,从屏幕的右侧到它们由CSS样式定义的位置。我还创建了一个相反的函数,但我有几个问题。我知道如何通过更改translateX将对象从它的位置
动画
到目的地,但是我不知道如何移动到它原来的位置,比如GSAP.from()。: negative_offset_num, delay: anime.stagger(200)作为上一种方法的替代方案,我还尝试播放一个
动画
来将div从屏幕上移出,这样我就可以反转
动画
来将它
浏览 15
提问于2021-08-02
得票数 0
1
回答
anime.js
-如何从多个按钮调用
动画
(相同的类)
、
我试图用播放按钮调用一个
anime.js
动画
。文档解释了如何只使用单个按钮(querySelector)来播放
动画
,但我需要从不同的按钮播放相同的
动画
。; x++){ ok.addEventListener("click", function(){ });
anime.js
animation.play; document.querySelector('.play-pause-demo
浏览 6
提问于2021-07-10
得票数 0
回答已采纳
1
回答
如何使用
anime.js
支持供应商前缀
、
、
、
我正在
动画
剪辑路径,这工作很棒,直到我到达safari,我需要-webkit-前缀。anime({ clipPath: [`circle(0% at ${coords.centerX}pxcoords.centerX}px ${coords.centerY}px)`], easing: 'ea
浏览 18
提问于2019-07-31
得票数 0
回答已采纳
1
回答
如何使用
anime.js
/velocity.js/等设置
动画
进度?
、
、
、
我有这样的
动画
(
anime.js
示例): targets: '.selector', translateX: 200,});
anime.js
/velocity.js中是否有内置工具或类似于它们的库?
浏览 2
提问于2021-09-21
得票数 0
2
回答
用Object.keys.map迭代时,检查字符串中的空格
、
、
、
、
我正在使用
Anime.js
在我正在构建的网站上做一些
动画
。现在我正试着用几个字来做
动画
。this.state = { heading: "Hudson Valley Web Design"另外,为了将CSS应用于
Anime.js
功能,我需要将单个字母放在span标记中。
浏览 1
提问于2019-01-12
得票数 0
回答已采纳
1
回答
根据表格单元格的内容,是否可以在列上使用CSS宽度过渡?
、
、
、
我见过其他的例子(比如this和this),人们用
动画
的方式显示宽度,但是似乎没有人用
动画
的方式将宽度调整为由标题单元格的内容设置的动态宽度。如果没有js,这是可能的吗?
浏览 22
提问于2020-04-08
得票数 1
回答已采纳
2
回答
在输入上启动/停止js
动画
时间线的最佳方法是什么?
、
、
我试图创建一个
动画
(使用
anime.js
),在用户开始键入时播放一次
动画
时间线,并在用户输入框中键入的时间内循环。当用户停止输入时,
动画
将完成其当前循环并停止播放。下面是我目前的进展,您可以观察到
动画
工作不正确:var basicTimeline = anime.timeline({ autoplayonkeypress = basicTimeline.play; document.querySelector(
浏览 3
提问于2018-05-08
得票数 1
回答已采纳
1
回答
是否可以将SVG资源作为UI
动画
的序列导入?
、
、
我正在尝试导入资源序列(Svg)来创建交互式UI。我可以用png文件做这件事,但不能用svg,正如你从附图中看到的那样。
浏览 13
提问于2019-07-19
得票数 0
1
回答
如何使方法链有条件?
、
、
我正在使用一个名为
anime.js
的
动画
库。我需要有条件的
动画
链(时间线)的基础上,一些检查。if(a == true) on this animation .add(animation_3); 在一般情况下,如何使用javascript,特别是在
anime.js
浏览 0
提问于2019-09-16
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
程序猿必备的10款web前端动画插件二
10个免费好用功能强大的网页动画效果库
点击展开(点击消失,随之展开)
点击切换展开,点击回收(无限循环)
点击展开(选择切换图片+点击展开,点击收回+外部链接跳转)
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券