Animate.css使用

作者: 恰皮 | 来源:发表于2016-10-09 15:00 被阅读0次

下载

可到该网址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

相关文章

网友评论

    本文标题:Animate.css使用

    本文链接:https://www.haomeiwen.com/subject/srnpyttx.html