华南理工大学无线电爱好者协会软件小组

Animate.css使用

2016-10-09  本文已影响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
上一篇下一篇

猜你喜欢

热点阅读