這篇文章主要為大家展示了“Bootstrap過渡動畫的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Bootstrap過渡動畫的示例分析”這篇文章吧。

榕江網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)2013年至今到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

動畫過渡（Transitions）: 源文件：transition.js

Bootstrap框架默認給各個組件提供了基本動畫的過渡效果，如果要使用，有兩種方法：

* 調(diào)用統(tǒng)一編譯的bootstrap.js；
* 調(diào)用單一的過渡動畫的JavaScript插件文件transition.js（右側(cè)第29行引入Bootstrap上對外公布的transition.js的地址）。

transition.js文件為Bootstrap具有過渡動畫效果的組件提供了動畫過渡效果。不過需要注意的是，這些過渡動畫都是采用CSS3來實現(xiàn)的，所以IE6-8瀏覽器是不具備這些過渡動畫效果。

默認情況之下，Bootstrap框架中以下組件使用了過渡動畫效果：
* 模態(tài)彈出窗（Modal）的滑動和漸變效果；
* 選項卡（Tab）的漸變效果；
* 警告框（Alert）的漸變效果；
* 圖片輪播（Carousel）的滑動效果。

下面舉了一個“模態(tài)彈出窗（Modal）的滑動和漸變效果”源代碼例子。

點擊我

 
  
   
    
     ×
     Close
    
    模態(tài)彈出窗標題