MIT License

项目介绍

Martz90/vivify 是一个托管在 GitHub 上的开源项目,主要使用 CSS 编写,采用 MIT License 许可证,目前获得 1.7k 个 Star、145 次 Fork。

仓库全名
Martz90/vivify
开源许可证
MIT License
Star 数
1.7k
Fork 数
145
未关闭 Issue
5

README 摘要

Vivify web presentation Vivify is free CSS animation library. Usage Simply include vivify css file into your document's Add class to the element you want to animate. If you want your animation to be infinite, you can also add class. List of class names you can add ball blink driveInBottom driveInLeft driveInRight driveInTop driveOutBottom driveOutLeft driveOutRight driveOutTop fadeIn fadeInBottom fadeInLeft…

完整内容见 GitHub 原始 README 或本页 。

常见问题

vivify 用什么语言开发?

主要使用 CSS 编写,采用 MIT License 许可证,目前有 1.7k 个 Star。

vivify 可以免费商用吗?

仓库采用 MIT License 许可证,可免费使用与修改,商业使用请遵守许可证条款(例如保留版权声明与许可声明)。

如何获取 vivify 的源码?

可以直接克隆仓库:git clone https://github.com/Martz90/vivify.git,默认分支为 master;安装与运行步骤见仓库 README。

vivify 最近还在维护吗?

仓库最近一次更新为 2022年7月19日,当前有 5 个未关闭 Issue;Star 数为 1.7k,可作为社区活跃度的参考。

简要分析

热度分
2005
价值分
1050
活跃状态
活跃

语言占比

CSS

README

Vivify Logo

Vivify web presentation

Vivify is free CSS animation library.

Usage

Simply include vivify css file into your document’s <head>

<link href="vivify.min.css" rel="stylesheet" type="text/css"/>

Add class vivify to the element you want to animate. If you want your animation to be infinite, you can also add infinite class.

List of class names you can add

  • ball
  • blink
  • driveInBottom
  • driveInLeft
  • driveInRight
  • driveInTop
  • driveOutBottom
  • driveOutLeft
  • driveOutRight
  • driveOutTop
  • fadeIn
  • fadeInBottom
  • fadeInLeft
  • fadeInRight
  • fadeInTop
  • fadeOut
  • fadeOutBottom
  • fadeOutLeft
  • fadeOutRight
  • fadeOutTop
  • flip
  • flipInX
  • flipInY
  • flipOutX
  • flipOutY
  • fold
  • hitLeft
  • hitRight
  • jumpInLeft
  • jumpInRight
  • jumpOutLeft
  • jumpOutRight
  • popIn
  • popInBottom
  • popInLeft
  • popInRight
  • popInTop
  • popOut
  • popOutBottom
  • popOutLeft
  • popOutRight
  • popOutTop
  • pullDown
  • pullLeft
  • pullRight
  • pullUp
  • pulsate
  • rollInBottom
  • rollInLeft
  • rollInRight
  • rollInTop
  • rollOutBottom
  • rollOutLeft
  • rollOutRight
  • rollOutTop
  • shake
  • spin
  • spinIn
  • spinOut
  • swoopInBottom
  • swoopInLeft
  • swoopInRight
  • swoopInTop
  • swoopOutBottom
  • swoopOutLeft
  • swoopOutRight
  • swoopOutTop
  • unfold

Preview all animations here

delay and duration classes

If you want to quickly change delay or duration you can just add delay- or duration- and number in ms.

Available times: 100,150 to 900,950 1000,1250,1500,1750 to 10000,10250,10500,10750

example: delay-2500 for 2.5 second delay. or duration-550 for 550 ms duration.

评论

暂无评论