5种冲击视觉的CSS3动画obnoxious.css

当前位置:主页 > CSS3库 > CSS3动画 > 5种冲击视觉的CSS3动画obnoxious.css
5种冲击视觉的CSS3动画obnoxious.css
分享:

    插件介绍

    obnoxious.css是一个CSS3动画库集合。obnoxious.css中带有5种CSS3动画效果,每种动画效果都带有冲击视觉的效果,给人震撼的感觉。

    浏览器兼容性

    浏览器兼容性
    时间:2017-05-09
    阅读:
麦子学院
简要教程

obnoxious.css是一个CSS3动画库集合。obnoxious.css中带有5种CSS3动画效果,每种动画效果都带有冲击视觉的效果,给人震撼的感觉。

安装

可以通过npm来安装obnoxious.css。

npm install obnoxious.css                    
                

obnoxious.css动画效果

使用方法

在页面<head>中引入obnoxious.css文件。

<link rel="stylesheet" href="/path/to/obnoxious.css">
                
HTML结构

可以给一些标题文字添加CSS3动画效果,例如:

<h1 class="animated intensifies">obnoxious.css</h1>
                
可用的CSS3动画

可用的CSS3动画有5种,只需要添加相应的class类即可使用:

  • shakeit
  • intensifies
  • fontalicious
  • strobe
  • twister

obnoxious.css CSS3动画库的github地址为:https://github.com/tholman/obnoxious.css

网友评论