mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-03 10:23:05 +02:00
Code Issues Releases Wiki Activity

Tweak modal transform (#27005)

Browse Source
This commit is contained in:
Martijn Cuppens
2018-08-13 09:00:53 +02:00
committed by XhmikosR
parent c0b40745e0
commit 57661dff6d
3 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
site/docs/4.1/components/modal.md
View File

@@ -448,6 +448,12 @@ $('#exampleModal').on('show.bs.modal', function (event) {
})
{% endhighlight %}
### Change animation
The `$modal-fade-transform` variable determines the transform state of `.modal-dialog` before the modal fade-in animation, the `$modal-show-transform` variable determines the transform of `.modal-dialog` at the end of the modal fade-in animation.
If you want for example a zoom-in animation, you can set `$modal-fade-transform: scale(.8)`.
### Remove animation
For modals that simply appear rather than fade in to view, remove the `.fade` class from your modal markup.