Animate.css是一款非常不錯(cuò)的跨瀏覽器的CSS3動(dòng)畫庫(kù),使用Animate.css動(dòng)畫庫(kù)中的設(shè)定,可以很輕松的實(shí)現(xiàn)CSS3的各種動(dòng)畫效果,可大大節(jié)省前端開(kāi)發(fā)人員的工作量。
動(dòng)畫效果演示地址:https://daneden.github.io/animate.css/
Animate.css下載地址:https://raw.github.com/daneden/animate.css/master/animate.css
使用方法,在<head>中引入animate.min.css類文件
<head>
<link rel="stylesheet" href="animate.min.css">
</head>
使用示例:
<h1 class="animated infinite bounce">Example</h1>
說(shuō)明:增加h1相對(duì)應(yīng)的動(dòng)畫效果
動(dòng)畫效果演示地址:https://daneden.github.io/animate.css/
Animate.css下載地址:https://raw.github.com/daneden/animate.css/master/animate.css
使用方法,在<head>中引入animate.min.css類文件
<head>
<link rel="stylesheet" href="animate.min.css">
</head>
使用示例:
<h1 class="animated infinite bounce">Example</h1>
說(shuō)明:增加h1相對(duì)應(yīng)的動(dòng)畫效果