Animate.css 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Animate.css 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Animate.css 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
开发语言 HTML/CSS 查看源码 »
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发CSS框架
开源组织
地区 不详
投 递 者 小编辑
适用人群 未知
收录时间 2012-04-19

软件简介

Animate.css 是一个有趣的,跨浏览器的 css3 动画库,内置了很多典型的 css3 动画,兼容性好使用方便。

安装

使用 npm 安装:

$ npm install animate.css --save

或者使用 Yarn 安装:

$ yarn add animate.css

将其导入文件:

import 'animate.css';

或者使用 CDN 将其直接添加到网页:

<head>
  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  />
</head>

基本用法

安装 Animate.css 后,将类animate__animated与任何动画名称一起添加到元素(不要忘记animate__前缀!):

<h1 class="animate__animated animate__bounce">An animated element</h1>

使用@keyframes

可以直接使用提供的动画keyframes。它提供了一种灵活的方式来将 Animate.css 用于当前的项目,而无需重构 HTML 代码。

例子:

.my-element {
  display: inline-block;
  margin: 0 0.5rem;

  animation: bounce; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
}

请注意,某些动画依赖于animation-timing动画类上设置的属性。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击引领话题📣 发布并加入讨论🔥
暂无内容
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
lodash 命令注入漏洞
代码注入
lodash是一个提供模块化、性能和附加功能的现代 JavaScript 实用程序库。 4.17.21 之前的 Lodash 版本容易通过模板函数进行命令注入。
CVE-2021-23337 MPS-2021-2638
2023-12-20 20:04
Andrey Sitnik postcss 拒绝服务漏洞
拒绝服务
Andrey Sitnik postcss 是一个使用JS插件转换样式的PostCSS工具。 该包的受影响版本的 postcss.parse() 函数在解析源映射时存在正则表达式拒绝服务(ReDoS)漏洞。
CVE-2021-23368 MPS-2021-4549
2023-12-20 20:04
postcss 存在正则表达式拒绝服务漏洞
拒绝服务
Andrey Sitnik postcss是Andrey Sitnik开源的一个应用程序,用于使用JS插件进行样式转换。 在漏洞版本中由于攻击性的正则表达式,主要是由子模式sourceMappingURL=(.*),容易引起程序受到正则表达式拒绝服务的攻击。
CVE-2021-23382 MPS-2021-5409
2023-12-20 20:04
node-semver 安全漏洞
ReDoS
npm node-semver是美国npm公司的一个库。 node-semver 7.5.2之前版本存在安全漏洞,该漏洞源于容易受到正则表达式拒绝服务(ReDoS)的攻击。
CVE-2022-25883 MPS-2022-5166
2023-12-20 20:04
minimatch 资源管理错误漏洞
拒绝服务
minimatch是isaacs个人开发者的一个 javascript 中的全局匹配器。 minimatch存在安全漏洞,该漏洞源于当使用特定参数调用braceExpand函数时,出现正则表达式拒绝服务(ReDoS),从而导致拒绝服务。
CVE-2022-3517 MPS-2022-59845
2023-12-20 20:04
word-wrap 安全漏洞
ReDoS
由于结果变量中使用了不安全的正则表达式,word-wrap包的所有版本都存在正则表达式拒绝服务(ReDoS)漏洞。攻击者可以利用此漏洞通过构造恶意输入来导致正则表达式匹配超时,进而导致系统拒绝服务。建议升级到修复版本以修补此漏洞。
CVE-2023-26115 MPS-2023-5109
2023-12-20 20:04
PostCSS 安全漏洞
注入
在PostCSS 8.4.31版本之前发现了一个问题。该漏洞会影响使用PostCSS解析外部不受信任的CSS的linter。攻击者可以通过特殊的方式准备CSS,使其包含被PostCSS解析为CSS注释的部分。在经过PostCSS处理后,即使包含在注释中,它也会以CSS节点(规则、属性)的形式出现在PostCSS输出中。
CVE-2023-44270 MPS-y3tx-jzms
2023-12-20 20:04
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
94 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部