Bootstrap 的过渡效果

过渡

要使用Bootstrap的过渡效果，只需导入 bootstrap.js 或 bootstrap-transition.js 文件就行了，因为所有组件默认已经具有基本的过渡效果。

默认情况下，以下组件使用了的过渡效果：

模态对话框（Modal）的滑入滑出和淡入淡出；
标签页（Tab）的淡出；
警告框（Alert）的淡出；
轮番（Carousel）的滑入滑出。

需要注意的是，Bootstrap的过渡效果全部使用了CSS3的动画特性，由于受CSS3的限制，它提供的特效非常有限。并且，IE8及以下的版本均不支持CSS3的动画特性，这些浏览器中将看不到过渡效果。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap 的过渡效果相关推荐

Bootstrap中过渡效果（Transition）模态框插件的使用案例
通过使用模态框效果实现弹出框的登录效果: 效果图: <form id="formmodal" action="#"><h3>过渡效果(T ...
BootStrap 入门教程学习摘要笔记
以下为个人认为有必要记录的笔记不喜勿喷 BootStrap简介 BootStrp使用 BootStrap排版 Bootstrap 网格系统(Grid System 工作原理如何跨多个设备工作标题 ...
Bootstrap3 过渡插件
使用过渡效果 Bootstrap默认给各个组件都提供了基本的过渡效果.如果你是使用bootstrap.js或bootstrap.min.js一次性引入所有插件,这些组件就已经默认拥有过渡效果.如果你是 ...
Bootstrap Affix和过渡效果插件的详细使用【前端Bootstrap框架】
文章目录 Affix插件通过CSS定位 Affix插件附件插件允许指定<div>固定在页面上的某个位置.一个常见的例子是社交图标.它们将从某个位置开始,但当页面单击标记时,<di ...
BootStrap学习(6)_模态框
一.模态框模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. 如果只使用该功能,只引入BootSt ...
Bootstrap 学习之js插件（模态框（Modal）插件）
Bootstrap 模态框(Modal)插件模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. ( ...
Bootstrap插件
1 BootStrap插件使用规则 1.1 单个引入 JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js 文件),或者一次性全部引入(使用 bootstrap.js ...
Bootstrap警告框
前面的话在网站中,网页总是需要和用户一起做沟通与交流.特别是当用户操作上下文为用户提供一些有效的警示框,比如说告诉用户操作成功.操作错误.提示或者警告等.在Bootstrap框架有一个独立的组件,实 ...
bootstrap获取弹框数据_Bootstrap模态弹出框的实例教程
前面的话在 Bootstrap 框架中把模态弹出框统一称为 Modal.这种弹出框效果在大多数 Web 网站的交互中都可见.比如点击一个按钮弹出一个框,弹出的框可能是一段文件描述,也可能带有按钮操作 ...

Bootstrap 的过渡效果

过渡

Bootstrap 的过渡效果相关推荐

最新文章

热门文章