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