animate.css相关内容

动画 ui-view 没有位置:绝对

我的 Angular 应用程序具有以下结构: 我的 ui-view 使用 animate.css 的地方弹入和弹出屏幕.我的问题是,在动画过程中,我得到了两个 的实例,将第一个实例向下推.我可以找到的所有示例都通过使用 position: absolute 来解决这个问题,但是因为我事先不知道 ui-view ..
发布时间:2021-11-10 04:53:47 前端开发

似乎无法访问 animate.css

所以我做到了 npm install animate.css --save 安装成功后,我可以在我的node_modules中看到它我希望能够在我的 elixir-phoenix-react 项目中使用 animate.css. 我只是不确定在哪里导入/需要它以及路径是什么. 我试图从我的 app.scss 文件中 @import "animate.css"; 但那没有用 我 ..
发布时间:2021-06-09 19:07:45 其他开发

多个动画同时在CSS中旋转一次调用一个元素的切换onclick(缓慢旋转,中等旋转,快速旋转)?

我在css上制作了3种在小提琴中制作的动画,分别是"animate1(作为慢速旋转),animate2(作为中等旋转)和animate3(作为最快旋转)",这些动画要通过切换onClick来运行在“ " 的元素上,直到现在我的成就直到直到运行animate2后才知道,我不知道如何?请任何人解决这种情况,对不起我的英语不好... 小提琴上的演示 function Animation ..
发布时间:2021-04-07 20:04:22 前端开发

jQuery Waypoint-具有相同CLASS的多个div

我已按照本教程进行操作: http://spin .atomicobject.com/2015/05/31/scroll-anmiation-css-waypoints/成功.我想在页面上的几乎每个元素上应用渐变.这意味着使用该jQuery方法,我将为每个元素创建单独的类并复制代码,因为否则,当前具有相同类的每个元素仅在第一个Waypoint处淡入. 这就是我所拥有的: // hide ..
发布时间:2020-11-03 23:01:50 其他开发

GatsbyJS / ReactJS& AOS(滚动动画)导致构建问题

根据GatsbyJS的创建者,这似乎是一个常见问题。以下是GitHub存储库上已解决问题的报价: 您有代码(您自己的代码或所使用的模块)引用窗口对象。当服务器渲染(因为您不在浏览器中,因此窗口不存在)时,此操作将失败。这是一个相当普遍的问题。解决方案是在componentDidMount中运行对窗口的代码引用,您可以确保您现在在浏览器中。 我仅见过少数几个示例,这些示例在ReactJS ..
发布时间:2020-10-12 05:56:38 前端开发

使用animate.css打开/关闭引导模态动画

请任何人可以帮助我,如何在引导程序模式打开和关闭时使用动画css样式进行动画处理? 在“模态打开"中,应使用fadeIn效果打开它,而在“模态打开"中,应使用fadeOut效果关闭它. 我想使用animate.css css样式表来动画化模态Poup的打开和关闭. 它应在打开模型时添加类fadeIn,而在关闭模态时应添加类fadeOut. (.fadeIn和.fadeOut类来自aniamte. ..
发布时间:2020-09-22 21:56:56 其他开发

CSS动画和显示无

我有一个div的CSS动画,该动画会在设置的时间后滑入.我想要几个div填充滑入的动画div的空间,然后它将这些元素向下推入页面. 当我在第一个div尝试此操作时,即使看不见,在幻灯片中仍会占用空间.如果我将div更改为display:none,则div根本不会滑入. 我该如何让div在不定时的情况下不占用空间(使用CSS进行计时). 我正在使用Animate.css制作动画. ..
发布时间:2020-07-19 00:46:54 前端开发

停止CSS3动画跳跃

我有跟随小提琴(仅限Wekbit / Chrome)。 只需观看动画一段时间,你会看到它“停止”一毫秒,然后再继续。文件本身是否是 svg ?如果是这样,我如何修复此文件以使打嗝消失? HTML CSS @ - webkit-keyframes move { 0%{ back ..
发布时间:2017-02-19 20:34:32 前端开发

CSS3动画和显示无

我有一个CSS 3动画的div在一段时间后滑动。我想要的是几个div填充动画div的幻灯片中的空间,然后它将推这些元素下来的页面。 当我尝试在第一个div幻灯片仍然占用空间,即使它不可见。如果我将div更改为 display:none ,则div不会滑入。 如果在定时进入之前,div没有占用空间(使用CSS定时)。 我使用Animate.css作为动画。 下面是代码的样子: ..
发布时间:2017-02-18 20:28:38 前端开发

独特的咕噜globbing问题

Animate.css是一个惊人的库,我通过bower拉进我的项目(不能更改文件夹名称)。不幸的是,文件夹的名称是“animate.css”。我想在我的整个项目(包括bower_components)为 /**.*。css 。不幸的是,grunt生气,因为 animate.css 是一个文件夹,而不是一个文件。我需要一种方法来忽略文件夹,但不是文件。任何提示? 这是我的任务现在的样子: ..
发布时间:2017-02-13 11:46:44 前端开发

Animate.css - 等待动画完成后再继续

我目前正在使用Animate.css在我正在创建的应用程序的动画。我正在寻找一种方法等待动画完成,然后继续。这里是我想的工作,但不是。任何帮助已经完成! $(“#myDiv”)。addClass(“animated flipOutY”,function(){ return $(“#myDiv”)。empty(); }); 解决方案 没有跨浏览器的方式,设置超时。 ..
发布时间:2017-01-21 00:43:19 前端开发

CSS3动画和显示无

我有一个CSS 3动画的div在一段时间后滑动。我想要的是几个div填充动画div的幻灯片中的空间,然后它将推这些元素下来的页面。 当我试图在第一个div幻灯片仍然占用空间,即使它不可见。如果我将div改为 display:none ,则div不会滑入。 如何让div不占用空间,直到时间到来(使用CSS的时间)。 我使用Animate.css作为动画。 下面是代码的样子: ..
发布时间:2017-01-18 17:54:47 前端开发

CSS动画不起作用改变最高值

通过这个jQuery我改变窗体的垂直位置,但我有TA与动画的问题:我想动画位置的变化,使用户可以看到输入框移动到新位置。为什么没有动画工作? http://jsfiddle.net/p6m97gwb/ 如果有可能,我想用animate.css HTML < D​​IV ID =“searchMainWrapper”> < D​​IV ID =“searchMain ..
发布时间:2016-05-15 21:31:26 前端开发

NG-动画与animate.css工作

我按照本教程努力实现我的动画应用程序。但由于某些原因,我不能这样做。 这里是我所做的拖板。 下面是如何我加入了NG-动画属性: <李NG重复=“项项”级=“{输入:”动画bounceIn',离开:“动画bounceOut'}”> {{项目}} < /李> 注意:我使用的 animate.css 。 有人能指出我究竟做错了什么? 解决方案 您动画不工作,因为角 ..
发布时间:2016-05-11 22:09:17 前端开发