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
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容