CSS3.0動畫庫可以讓我們在網頁中添加更加豐富的動態效果，讓用戶的閱讀體驗更加流暢，同時也可以提升網站的視覺效果，下面我們來看看如何使用CSS3.0動畫庫。
首先我們需要在網頁的
標簽內引入相應的CSS3.0動畫庫，如下所示：<head> <link rel="stylesheet" href="animate.css"> </head>
在引入CSS3.0動畫庫后，我們就可以在網頁中使用各種不同的動畫效果了，例如我們可以添加一個類名為“bounce”的CSS3.0動畫效果，讓某個元素在頁面上跳動起來：
<div class="box bounce"> 這里是一個會跳起來的盒子 </div>
同時，我們還可以自己定義一些動畫效果，例如我們可以定義一個類名為“fadeInDown”的動畫，讓某個元素在頁面中從頭部淡入：
<style>
.fadeInDown {
animation-name: fadeInDown;
animation-duration: 1s;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
</style>
<div class="box fadeInDown">
這里是一個從頭部淡入的盒子
</div>通過上述代碼，我們可以學會如何使用CSS3.0動畫庫以及自定義動畫的方法，讓我們的網頁更加生動有趣。
上一篇css3.0是什么
下一篇mysql查詢時全外連接