如何用动画js代替css动画制作句子动画？

文章/答案/技术大牛

发布

1回答

javascript、css、animation、css-animations、anime.js

我想在一个句子上创建一个动画。我希望通过淡出并显示另一个单词来更改句子的最后一个单词。比如:我喜欢冰激凌(“冰激凌”逐渐淡出，取而代之的是“饼干”和“蛋糕”) 我用css动画做到了这一点，但我真的很想用animate js/javascript来做到这一点。我知道如何动画句子，但不知道我会让单词相互替换为javascript或anime js。js做动画，如下所示： anime({

浏览 7提问于2019-04-26得票数 1

回答已采纳

1回答

如何提高动画的移动性能？

javascript、jquery、css、physics、interaction

目前，动画是使用带有setInterval函数的事件执行的： if1; }); function rotate(a) { roulette.css

浏览 0提问于2013-04-01得票数 0

1回答

如何创建类似旋转木马的react路由器过渡

javascript、css、reactjs、transition

我想让我的react路由器像"carousel“一样具有动画效果。从移动A到移动B，我想从右到左设置动画。从移动B到移动A，我想从左到右设置动画。我找到了一些制作“淡入淡出”动画的例子，但没有关于“旋转木马”的动画。你有什么小贴士，或者知道如何用css等来制作它吗？

浏览 15提问于2020-05-25得票数 1

1回答

如果可能的话，我应该避免使用JS，而应该使用CSS吗？

javascript、html、css、angularjs

我发现我可以用CSS来做，我也可以用JS角来做。我读到这是因为有了JS，恶意的东西可以被编程，有些人可以禁用JS。因此，为了在更多的计算机上保持您的网站功能，它应该用CSS编程。这有什么好处吗？如果可能的话，我应该避免使用JS进行编码吗？

浏览 1提问于2016-05-26得票数 4

回答已采纳

2回答

用于测量浏览器性能的Javascript，用于打开或关闭动画

javascript、html、css、performance、animation

我有一个网站与某些动画，CSS，动画gif和"JS动画“。在一些移动设备上，动画速度很慢，所以我想检测到这一点，并关闭CSS动画，并使用静态图像来代替gif动画。移动设备浏览器确实支持CSS动画，但是执行起来很慢。如何使用Javascript函数测量浏览器的实际性能，以便决定是否打开或关闭动画？任何Javascript库都可以吗？

浏览 1提问于2014-07-22得票数 0

1回答

如何在facebook/pop中制作旋转动画？

ios、swift、facebook-pop

我已经搜索了整个互联网关于如何用facebook流行动画制作旋转动画。幸运的是，kPOPLayerRotation只支持“翻转X/Y”动画，而不支持“旋转”(就像前端CSS中的rotate属性)，有人知道怎么做吗？

浏览 3提问于2017-05-31得票数 0

3回答

如何在html加载后加载js文件

javascript、jquery、html、css、angularjs

我正在制作一个带有动画的模板。这里的问题是，与动画相关的JS文件应该写在HTML页面的底部，如 <link rel="stylesheet" href="css/bootstrap.css"> <linkHTML的顶部，动画无

浏览 0提问于2018-08-16得票数 1

回答已采纳

2回答

ngAnimate只在IE9中部分降解

javascript、css、angularjs、internet-explorer-9、ng-animate

我已经修改了来自的代码，它为一个滑动的div动画，这样它就像切换菜单一样工作。我希望它会退化为正常的隐藏显示在IE9。这就是事实。但只有一次。如果我点击第一个按钮，它将打开或关闭它的div。

浏览 6提问于2016-04-07得票数 4

回答已采纳

1回答

bootstrap 4铬动画滞后手风琴

jquery、html、css、animation、bootstrap-4

正如标题所说，手风琴的动画在使用时，会出现令人难以置信的滞后。在Edge或Firefox上不会持续存在，甚至Android三星浏览器似乎都可以很好地处理它。但在Chrome中，这一点非常滞后。编辑:在提交这篇文章之前，我决定在我的网站的其他部分摆弄一下，当Chrome向下移动页面时，动画非常滞后(当显示新内容时，页面会向下移动)。

浏览 2提问于2018-07-05得票数 0

1回答

目前，我们在confluence上发布了.swf动画(交互式)。我们只需将它们作为附件上传到pag，并使用{multimedia:name=animation.swf }来显示它们。但我们想让它对苹果用户有用，并且正在用HTML5代替.swf来制作这些交互式动画。但是用HTML5而不是.swf生成相同的动画，用css、javascript、图像和html文件组成的目录代替了一个swf文件。如何将这些上传到confluence，并在confluence中显示页面上的<em

浏览 1提问于2013-01-25得票数 0

2回答

CSS转换后的触发器javascript /动画

javascript、html、css、css-transitions

我不希望从JS触发CSS动画，而是相反。如果我通过-webkit-transition或transition: all 1000ms类型样式表做CSS动画，有没有办法在转换完成后触发JS函数？基本上，我一直在通过javascript制作动画，我想将其中的一些转换为CSS动画，但我需要在动画完成后触发javascript事件。

浏览 2提问于2012-12-04得票数 1

回答已采纳

1回答

边缘动画从JS开始动画

javascript、adobe、adobe-edge

我刚刚制作了我的第一个边缘动画项目，并制作了一个奇特的进度加载器动画。在动画和测试项目中都能很好地工作。我想知道我是否应该在配置中停止舞台自动播放，然后在JS中开始动画？如

浏览 0提问于2013-12-11得票数 3

1回答

儿童基金会网络动画

javascript、css、html、web-animations

有人能告诉我任何关于网站上的栅极动画和缩放页面转换的信息吗?我想尝试制作这个很酷的动画。至少给我“关键字”如何找到它。那些是用html5做的吗？

浏览 2提问于2016-10-13得票数 1

回答已采纳

2回答

对CSS精灵中包含的小图像进行动画处理是否与仅对该图像进行动画处理一样有效？

css、performance、image、load、sprite

我将要浏览我的CSS并将图像编译成精灵，我想知道什么是最有效的方法。目前，我有一堆小的，大约10x10像素的图像需要动画。我想知道，如果将这些图像添加到更大尺寸(约1000x1000px)的sprite中，然后对它们进行动画处理，会不会造成CPU负载/性能的不同。这是动画一个小的div或动画一个巨大的div，其中只有一小部分(指定的背景位置)是可见的。

浏览 2提问于2012-07-30得票数 0

1回答

将SVG SMIL动画转换为CSS动画

css、animation、svg、css-animations

我当前的SVG是使用SMIL动画动画的： </g></svg> SVG SMIL动画在我想用CSS</e

浏览 4提问于2016-05-20得票数 1

回答已采纳

2回答

angularui+bootstrap是否使用js制作动画？

twitter-bootstrap、angular-ui、angular-ui-bootstrap

angularui+bootstrap是否使用js制作动画？或者它使用css动画吗？我似乎找不到关于它背后原理的文档。例如，jQuery使用(afaiac) js来创建使用cpu而不是gpu的动画。

浏览 2提问于2015-09-26得票数 1

1回答

Css动画到javascript幻灯片

javascript、html、css

--> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js请帮我在这个幻灯片中添加css动画！我已经尝试了很多possibilities...but，但没有人工作。我试图添加一个动画开始类，并在函数的末尾用动画结束类替换那个类，但没有成功！

浏览 0提问于2016-10-08得票数 1

2回答

用什么语言制作网站动画？

animation

许多网站都有加载动画，幻灯片文本等。用什么语言触发动画？

浏览 3提问于2017-06-29得票数 0

回答已采纳

1回答

HTML SVG行及其在javascript中x1 y1属性转换中的应用

svg、line、transitions

我有一个SVG线，它在5秒后接收新的x1 y1坐标更新。如何将过渡应用于直线以使其平滑移动。在附加的代码中，我可以通过平滑过渡来改变它的颜色，但位置从一个点闪烁到另一个点。<head><meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <

浏览 1提问于2015-07-11得票数 1

1回答

具有彩色进度动画的基础进度条？

javascript、css、reactjs

我正在开发一个进度条，它已经有了动画效果，但我不确定如何用渐变色调来制作动画。默认颜色为蓝色条如果值> 75%，则为橙色设置动画： $(".progressvar display = $(this), nextValue =

浏览 10提问于2017-02-10得票数 0

点击加载更多