Animate.css使用

下载

可到该网址https://daneden.github.io/animate.css/点击“Download Animate.css”下载Animate.css文件。

链接

将Animate.css文件链接到你的HTML文件中:

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

使用

Paste_Image.png

点击下拉按钮,会看到很多种样式,将该样式写在你的标签中的class里面即可(记住,要写class=“animated xxx",xxx是animate.css的样式名)
eg:

<div class="animated fadeIn" id="a">try</div>

加上自己设置的基本样式:

#a{
    font-size: 100px;//字号:100px
    color: purple;//字体颜色,紫色
}

效果:(淡入)

Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容