我在一个Symfony 4新项目上。
通过纱线，我安装了(例如) CSS库animate.css。
yarn install animate.css
在webpack.config.js文件中，我添加了这样的animate.css文件：
.addStyleEntry('animate', './node_modules/animate.css/animate.css')
我的问题是:这是添加这样一个CSS库的好方法吗？我不确定直接使用node_module路径是否是一个好的实践。
有更好的办法吗？
浏览 0提问于2019-11-13得票数 0
回答已采纳
我使用'animate.css‘作为npm包。为了使用它，我在开发过程中指定了import 'animate.css'。但在制作中，它说要包括“Animate.min.css”。如何指定在生产构建期间选择animate.min.css的parceljs。 或者import animate.css将能够解决在开发构建中正确的animate.css和在生产构建中的animate.min.css。解析器如何知道选择正确的文件，因为主文件在package.json中指定为animate.css，但在package.json ...not中有“文件”属性确定它是否可以提供帮助。
浏览 35提问于2021-08-29得票数 0
我正在尝试在我的Laravel项目中使用。我使用以下命令安装了Animate.css：
npm install animate.css --save
我将其包含在\resources\sass\app.scss文件中：
@import "~animate.css/animate.css";
然后，我运行以下npm命令将其编译成app.css：
npm run dev
当我在浏览器中查看页面源代码时，似乎包含了animate.css，但却没有动画元素。动画似乎在Edge中工作，但在Chrome (v81.0.4044.138)或FF (v76.0)中不起作用。
浏览 19提问于2020-05-09得票数 2
回答已采纳
我尝试在我的图库照片上使用Animate.css的pulse功能，但它不起作用。
我用的是Animate.css CDN - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css" />
然后，我将class="pulse"添加到我的img中，但什么也没有发生。我是不是还漏掉了另一个步骤。
浏览 40提问于2018-07-04得票数 0
2回答
我想在我的wordpress主题中使用animate.css。我将该文件放在文件夹mytheme/includes/css中，然后在文件function.php中使用它
// Import Animate.css
wp_enqueue_style( 'mytheme-wp', THEME_DIR_URI . '/includes/css/animate.css' );
但是当我使用文件animate.css的样式时，它们不起作用。
我是不是错过了一些步骤？
浏览 1提问于2016-12-14得票数 1
我正在使用gulp作为一个任务运行程序，它为我合并和缩小scss文件。在本例中，如果我试图导入一个常规的CSS文件，它将编译为css import语句，如下所示：
/* style.scss */
@import "../../bower_components/animate.css/animate.css";
/* style.css */
@import url(../../bower_components/animate.css/animate.css);
那么，如何导入常规的css文件，以便在中编译版本的style.css，而不仅仅是css @import语句？
浏览 3提问于2017-03-11得票数 18
回答已采纳
2回答
所以我照做了
npm install animate.css --save
我可以在我的node_modules中看到它，我希望能够在我的elixir phoenix-react项目中使用animate.css。
我只是不确定在哪里导入/需要它，甚至不确定路径是什么。
我尝试从我的app.scss文件@import "animate.css";，但这不起作用
我还尝试在我的app.js文件中使用import "animate.css/animate.min.css";，但同样不起作用。
我的问题是，我在哪里导入/需要animate.css才能正常工作？我想在我的
浏览 9提问于2018-03-26得票数 2
2回答
我正在尝试通过推迟CSS和JS来提高我的web性能速度。我是Shopify/ Liquid的新手，尽管我认为这是一个PHP问题，但我不知道。 我的代码是这样的(在head标签中)： {{ 'animate.css' | asset_url | stylesheet_tag }} 它会变成这样吗？ <!-- Defer animate.css-->
<link rel="preload" href="{{ 'animate.css' | asset_url | stylesheet_tag }}" as=&
浏览 22提问于2021-03-25得票数 0
回答已采纳
示例场景。
你从你的朋友那里得到了完整的HTML代码。在你得到的HTML中，有各种各样的第三方css包。
让我们假设其中一个是animate.css。你可以找到链接标记，并使用animate.css包轻松找到你的朋友。
<link href="vendor/animate.css/animate.min.css" rel="stylesheet" type="text/css">
但我想知道是否真的使用了animate.css。animate.css中有很多元素。我不能检查HTML中的每个元素来确定它是否使用了animate.css元
浏览 1提问于2017-05-28得票数 0
1回答
我刚开始吃早午餐，只想把animate.css加到一个页面上。我已经通过npm安装了animate.css，并将其添加到package.json中。我的早午餐配置如下所示：
module.exports = {
npm: {
globals: {
$: 'jquery'
},
styles: {
animate: ['css/animate.css']
}
},
files: {
javascripts: {
joinTo: {
'libraries.js': /^(?!app\/
浏览 7提问于2017-11-23得票数 0
1回答
我的任务是：
gulp.task('css-dependencies', function() {
return gulp.src(['bower_components/**/*.css','!bower_components/**/*.min.css'])
.pipe(rename({dirname: './css'}))
.pipe(gulp.dest('./'));
});
它对所有其他组件都很好，但是我想使用animate.css，然后通过bower将它添加到一个名为an
浏览 2提问于2016-11-25得票数 0
回答已采纳
1回答
独特的锯齿球问题
、、、
Animate.css是一个很棒的库，我正在通过bower (不能更改文件夹名)将它拖到我的项目中。不幸的是，该文件夹的名称是"animate.css“。我想在我的整个项目(包括bower_components)中为/**.*.css而幸灾乐祸。不幸的是，grunt会生气，因为animate.css是一个文件夹，而不是一个文件。我需要一种忽略文件夹的方法，而不是文件。有小费吗？
下面是我现在的任务：
cssmin: {
deploy: {
files: {
'<%= config.prod %>/styles.min.css': [&
浏览 2提问于2014-07-01得票数 1
回答已采纳
1回答
在检查网页性能时，我发现GTmetrix发现一些CSS & JS文件是从不同的位置加载的--相同的文件。示例：
<action method="addItem" module="ves_blockbuilder" ifconfig="ves_blockbuilder/ves_blockbuilder/enable_animation"><type>skin_css</type><name>ves_base/animate.css</name></action>
&l
浏览 0提问于2017-11-07得票数 0
我正在看animate.css网页，我想制作他们在主页的animate.css标题中应用的颜色变化动画，我该怎么做呢？
浏览 2提问于2016-06-22得票数 0
2回答
我通过npm install animate.css --save安装了npm install animate.css --save并将它保存在本地的./node_modules包中。
当我阅读Github中的Animate.CSS文档时，它说只是在我想要制作动画的元素中添加类名(如fadeInDown, bouceInDown...etc )，但是我不知道需要本地包中的类名。
问题：我们如何从本地包中要求Animate.CSS类名并将其添加到ReactJs组件中？
假设:我有一个反应性组件，如下所示，我想将类名添加为animated bounceIn。
export class Simple
浏览 1提问于2017-03-27得票数 1
2回答
我正在尝试使用animate.css插件，这本来应该是一个简单的任务，但我只是无法让它工作。我哪里出错了？这是我的代码(尽管它很简单)：
<html>
<head>
<link rel="stylesheet" href="css/animate.css">
<style type="text/css">
.demo{
background-color:red;
width:100px;
height:100px;
浏览 4提问于2017-08-19得票数 0
回答已采纳
我终于开始在本地开发，并为WP构建安装了Roots.io。鲍尔，古普，诺德，一切都很好。我使用Bower安装了wow.js，它就在那里，但依赖项是animate.css。有没有办法通过Bower/Homebrew/etc安装animate.css？
在animate.css Github上，我没有看到将它包含在Roots中的简单方法。我已经尝试了手动包含其中也没有工作，因此寻找理想的/干净的解决方案的问题。
谢谢!
浏览 3提问于2016-03-26得票数 0
回答已采纳
我正在使用Animate.css来制作一个垂直向上滑动和消失的div。滑出动画可以工作，但它保留了div的原始空间。有没有办法让div在完成滑出动画时不占用空间？ 注意:我知道为什么会发生这种情况(animate.css使用translate3d而不是高度/最大高度)。所以我知道我可以写自己的幻灯片动画，但我想继续使用animate.css，因为它有很多很多有用的动画。我只需要想出一种方法，让div在完成滑出/淡出/弹出/等动画时不占用空间？如果我不能想出一个这样做的方法，我必须编写我自己的所有自定义动画，用于反弹，淡入淡出，缩放，滑动。我只想使用animate.css (除非有人知道更好的
浏览 37提问于2020-10-14得票数 0
1回答
如何在我自己的CSS中使用导入的CSS？
如果我将：@import url("animate.css");导入到CSS文件中，那么如何使用它，例如：.xyz:hover{**fadeIn;)**} -fadeIn from animate.css
浏览 0提问于2015-02-27得票数 1
回答已采纳
3回答
为什么标签没有动画效果？
、、、
我想用animate.css来做动画，但它没有work.this是我的代码：
$(document).ready(function(){
$('a').hover(function(){
$(this).toggleClass('animated infinite pulse');
});
})
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" con
浏览 0提问于2017-01-21得票数 1
我在我的插件中使用animate.css流行的动画库。如何知道相同的animate.css库已经存在于页面中的其他插件或主题。我知道CSS标识符总是像my-plugin-animate-css一样保持唯一，那么如何找到相同的css或js文件的存在呢？
浏览 13提问于2017-01-17得票数 0
我正在通过freecodecamp工作，在jQuery部分他们告诉你..
“我们已经在后台包含了jQuery库和Animate.css库，以便您可以在编辑器中使用它们。”
到目前为止，我一直在完成练习，然后跳到notepad++并试验代码，直到我对自己所做的事情感到有信心。
我已经在我的notepad++文档中添加了
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
和
<link rel="styleshee
浏览 13提问于2017-07-29得票数 0
回答已采纳
0回答
我在我的网站上有一个段落，我想让某些单词与animate.css一起跳动。我已经成功地将animate.css添加到我的站点，但是，当我尝试将它添加到我的span类中时，它不起作用。我做了一些研究，似乎你必须在跨度中添加一个显示器，因为如果显示器不工作，animate.css就不能工作。下面是我的代码：
.animatespan {
display: -moz-inline-stack;
display: inline-block !important;
zoom: 1;
vertical-align: top;
}
<link href="https://c
浏览 2提问于2017-11-23得票数 0
1回答
我正在尝试理解和使用ngAnimate。
我使用的是角动画.‘m，animate.css和角1.3.
现在，我已经在我的应用程序conf ngAnimate上添加了激活它的内容，并在我的css中添加了类似这样的内容：
.ng-leave{
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
它的工作是因为，fadeInUp是在animate.css中声明的。
所以，现在我想不写cs
浏览 1提问于2015-01-17得票数 0
回答已采纳
2回答
transform : animate.css ()在没有animate.css的情况下工作，但是它不能使用animate.css
这是代码：
<div id="fresh">FRESH</div>
CSS
#fresh{
position : absolute;
background-color : #cf2c2c;
width: 38px;
padding-left: 2px;
color: #ffffff;
border-radius: 5px;
-ms-transform: rotate(
浏览 1提问于2015-12-03得票数 3
回答已采纳
1回答
通过在普通HTML中运行此代码，它也以样式运行。但是每当我在django中运行它时，它就会运行，并给我显示一条短信。我应用了../static/css/animate.css、../css/animate.css和css/animate.css，但它们都不起作用。我在settings.py中做了一些修改，给出了STATIC_ROOT，但仍然只显示了文本。
settings.py
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static/')
views.py
def index(re
浏览 0提问于2020-02-02得票数 0
是否有一种方法可以使用JQuery本身来检测JQuery通知是否已关闭？
我的主页上有一个Noty通知。我想检测通知何时关闭。有人能帮上忙吗？
Noty：
var n = noty({
layout: 'topCenter',
theme: 'relax',
type: 'information',
force: false,
text: 'This one worked',
animation: {
open: 'animated zoomIn', // Animate.css c
浏览 2提问于2015-09-21得票数 0
1回答
我试图用animate.css函数fadeInUp来动画化一个div，但是它不起作用。
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
</head>
<body>
<div class="grid mt-4 claim animate__animate
浏览 0提问于2021-03-09得票数 1
1回答
我正在尝试将animate.css添加到我的网站中。为此，我用一个基本的例子进行了尝试。
<html>
<link rel="stylesheet" type="text/css" href="animate.css">
<h1 class="animated infinite bounce">Animate</h1>
</html>
但它不起作用。这条路是绝对正确的。我在XAMPP工作。
浏览 5提问于2015-04-15得票数 0
我可以设置整个单词的动画，或者如果我使用任何其他选择器，但是使用blast作为类，我不能设置单个角色的动画。
//used blast.js to seperate each character
$("h1").blast({ delimiter: "character" });
//on hover function to animate each character on hover and used bounce animation using animate.css from github, https://github.com/daneden
浏览 3提问于2018-03-10得票数 2
我在用animate.css做实验。
我的代码：
<h2 class="lazyload animate__animated animate__rotateInDownLeft" data-link="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">Lorem ipsum</h2>
求你了，别怕animate.css懒洋洋地呆在这里。
我的页面：
我们对文本"Lorem“中最底层的h2感兴趣。
问题
当我用h2重新加载屏幕时，这是完
浏览 1提问于2021-10-13得票数 1
回答已采纳
我尝试使用Animate.css ()在html文件中动画一些文本，但文本不是动画。
我使用了两种方法，但这两种方法似乎都行不通：
来自CDN
和
直接从github下载
这是我的密码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="
浏览 10提问于2022-01-23得票数 1
1回答
我试图在React/Next.js中使用animate.css。我可以使用动画. can的内联类名创建动画，但是我想从我的scss文件中调用动画.can的关键帧动画。我跟随了youtube的一个向导，他做到了。唯一的区别是我使用的是Next.js。
作为参考：
他在3:55导入animate.css文件，并能够在38:31使用动画. use的bounceIn动画。
示例：
在styles/globals.scss文件中，我添加了animate.css
@import 'animate.css'
在我的AnimateLetters.tsx文件中，在顶部导入scss模块，
imp
浏览 11提问于2022-05-17得票数 1
回答已采纳
1回答
由于某些原因，我不能让Bootstrap carousel与animate.css一起工作。这两个分别工作，但当编译在一起时，它不工作。
我尝试在轮播转换时使用animate.css让#line-top和#line-left向左/右滑动。
我现在可以让div在“slide”上动画，但不能“slid”。
这是一个
浏览 1提问于2013-07-29得票数 2
我使用了很长时间的animate.css库，它工作得很好，但是今天我发现它不适用于SPAN或其他不是DIV的元素。有人知道原因吗?我该怎么解决呢？
检查下面这个非常简单的示例(代码在下面)：
当您打开上面的链接时，您可以看到AAA和CCC自动动画(在页面加载上)，但是bbb没有。唯一的区别是，一个是div，另一个是span。我怎样才能使span也有生命？
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Animate.css -->
浏览 3提问于2018-11-06得票数 1
回答已采纳
1回答
动画在页面加载前触发
、、、、
我创建了一个使用animate.css动画元素的网站。但问题是动画是在页面加载之前触发的。我避免使用animate.css提供的延迟属性，因为在不同的设备上加载页面可能需要不同的加载时间。请给我一些建议。 另外，如果有帮助的话，我正在使用网站的预加载器。
浏览 25提问于2021-05-07得票数 0
1回答
我试图使用$animate服务与animate.css库一起动画化，但我似乎无法正确地理解它。蓝色块之所以有效，是因为它使用的是animate.css类，我如何使用库中的另一个css类使其成为$animate.leave。其次，红色块没有输入和使用.ng-enter类。有人能解释原因吗？
浏览 2提问于2015-06-04得票数 0
回答已采纳
1回答
我刚刚将这个animate.css()集成到我的网站中，但是当我加载页面时，动画发生了，因此如果元素在底部，则看不到动画。但是我找到了这个，我非常确定它们使用了相同的animate.css，但当我滚动到元素时，动画就会发生。
我只想问，他们是怎么做到的？有没有什么jquery的东西，还是只有css？
请提供说明。
谢谢
浏览 2提问于2013-09-26得票数 0
如何让ng-animate在图像、段落或div等简单的animate.css元素上工作？
在静态页面中，我只包含了animate.css和wow.js库，并向要设置动画效果的元素添加了几个类。但是我没有成功地让它在ng-view中工作。
<img class="wow fadeInLeft" src="http://images.ximo365.com/nick-olsen-pose.jpg" alt="Nick Olsen On-the-go shots">
浏览 2提问于2015-02-24得票数 0
我正在开发一个应用程序使用Vue，Quasar，和animate.css包的CSS动画在我的网站。一切都很顺利，直到最近我在使用npm run build命令时遇到了问题，这导致了标题中的错误。在一些调查之后，我尝试安装postcss-rtlcss包，这也导致了在npm run serve上出现这个错误。请注意，我是Vue和node.js生态系统的新手，所以如果我做了什么完全错误的事情，请告诉我。 运行npm run serve时出现错误 ERROR Failed to compile with 1 error
浏览 94提问于2021-08-04得票数 0
回答已采纳
我使用了一些关键帧来动画一些元素进入我的页面，但是这些元素位于页面的底部，所以动画在你看到它们之前就发生了。 有没有办法阻止动画的发生，直到用户滚动到元素的视图中？最好不是jQuery解决方案，因为我不熟悉它。 注意:我知道有一个名为wow.js的库可以解决这个问题，但它使用animate.css来制作动画。这对我来说是一个问题，因为我最初使用的是animate.css，但它覆盖了/与我拥有的一些其他css冲突。这就是为什么我转而使用关键帧来制作动画，并且为了让元素的所有属性都能正常工作，我认为我必须使用关键帧而不是animate.css
浏览 16提问于2020-09-01得票数 0
2回答
我们使用的是Angular.js和Bootstrap，项目中没有jQuery。
我想使用animate.css在上下滚动时淡入屏幕上的元素。
我找到了下面的示例，它确切地展示了我需要实现的目标：
我如何使用Angular和animate.css做到这一点，有没有关于这方面的教程或任何帮助都会很好。
谢谢
浏览 1提问于2014-11-18得票数 0
5回答
我已经摸索了一下，而且似乎没有任何简单的方法可以让Animate.css动画在角度上工作。也就是说，动画本质上需要从Animate.css库中剥离出来，并转换成角动画。
在这个话题上，我是否遗漏了一些东西，或者错过了什么资源？否则，是否还有其他动画库将开箱即用角4？
浏览 26提问于2017-12-20得票数 12
回答已采纳
$('#clickMe').click(function() {
$('#ticketsDemosss').append($('<li>').text('my li goes here')).addClass('fadeIn');
});
<link href="http://s.mlcdn.co/animate.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.co
浏览 0提问于2016-07-17得票数 0
我正在尝试制作简单的赛车游戏，我想将背景图像向下无限移动。目前我有一张道路背景图片。
<script>
jQuery(document).ready(function($) {
var animate = $('body');
function loopbackground() {
animate.css('background-position', '0px 0px');
$({position_x: 0, position_y: 0}).animate({ position_y: -
浏览 1提问于2015-02-23得票数 0
1回答
我使用animate.css作为登录表单。它的工作方式，除了我希望它的工作方式。目前我正在使用fadeInDown，但它会从我想要的更远的距离逐渐消失。它从视口外逐渐消失，而在20 It 中则逐渐消失。我希望这是有意义的。
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" rel="stylesheet" />
<div id="login">
<div class="row a
浏览 4提问于2016-01-05得票数 7
回答已采纳
我试图使用以下依赖项将animate.css加载到我的应用程序：
我想实现这一点，我将能够配置什么动画将加载使用动画-css-网络包。
下面是我在项目中所有依赖项的列表
"dependencies": {
"animate-css-webpack": "^3.5.6",
"animate.css": "^3.6.1"
},
"devDependencies": {
"@babel/core": "^7.0.0-beta.38",
"@bab
浏览 1提问于2018-03-02得票数 3
回答已采纳
1回答
因此，我使用伪元素来使用自定义的复选标记SVG，如下所示：
.thing:before {
content: " ";
background: $tickMarkURL;
background-size: 1.5em;
background-size: contain;
width: 1.2em;
height: 1.2em;
display: inline-block;
}
(注意:这实际上是使用SCSS的，所以这就是为什么会有$variables。)
我想要使用Animate.css动画这个检查点到位。但是，Anima
浏览 1提问于2016-05-19得票数 0
回答已采纳
1回答
我正在使用animate.css在我的meteor应用程序中添加一些过渡。然而，有一个问题是，animate.css在我的按钮/图像等上面创建了一个几乎透明的覆盖。
我有一个主目录，根据页面视图的变化添加animate.css类。非常简单，这是我的HTML。
<body>
<header class="header></header>
<div class="animate-holder {{animated class}}>
<div class="class1></div>
浏览 0提问于2014-07-21得票数 0
2回答
我有一个main.scss文件：
@import '../../node_modules/animate.css/animate.css';
@import '../../node_modules/perfect-scrollbar/css/perfect-scrollbar.css';
@import 'abstracts/variables';
@import 'abstracts/mixins';
@import 'abstracts/modifiers';
@import 'abstracts
浏览 2提问于2018-02-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
