انیمیشن

ابزارهای انیمیشن سفارشی برای افزودن حرکت به محتوای در حال انتقال شما
افکت Fade In Transition
حذف ویرایش اشتراک گذاری 
                                                              <!-- Fade In Animation -->
<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" id="dropdownFadeIn" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">کلیک کنید!</button>
    <div class="dropdown-menu animated--fade-in" aria-labelledby="dropdownFadeIn">
        <a class="dropdown-item" href="#!">حذف</a>
        <a class="dropdown-item" href="#!">ویرایش</a>
        <a class="dropdown-item" href="#!">اشتراک گذاری</a>
    </div>
</div>
//- Fade In Animation
.dropdown
    button#dropdownFadeIn.btn.btn-primary.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
        |کلیک کنید!
    .dropdown-menu.animated--fade-in(aria-labelledby='dropdownFadeIn')
        a.dropdown-item(href='#!') حذف
        a.dropdown-item(href='#!') ویرایش
        a.dropdown-item(href='#!') اشتراک گذاری
با افزودن کلاس .animated--fade-in به المان دلخواه میتوان افکت محو شدن به صورت انیمیشن ایجاد کنید. در مثال بالا، ما در منوی بازشو بوت استرپ از این کلاس استفاده کردیم.
افکت Fade In Up Transition
حذف ویرایش اشتراک گذاری 
<!-- Fade In Up Animation -->
<div class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" id="dropdownFadeIn" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">کلیک کنید!</button>
    <div class="dropdown-menu animated--fade-in-up" aria-labelledby="dropdownFadeIn">
        <a class="dropdown-item" href="#!">حذف</a>
        <a class="dropdown-item" href="#!">ویرایش</a>
        <a class="dropdown-item" href="#!">اشتراک گذاری</a>
    </div>
</div>
//- Fade In Up Animation
.dropdown
    button#dropdownFadeIn.btn.btn-secondary.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
        | کلیک کنید!
    .dropdown-menu.animated--fade-in-up(aria-labelledby='dropdownFadeIn')
        a.dropdown-item(href='#!') حذف
        a.dropdown-item(href='#!') ویرایش
        a.dropdown-item(href='#!') اشتراک گذاری
با افزودن کلاس .animated--fade-in-up به المان دلخواه میتوان افکت محو شدن به سمت بالا را به صورت انیمیشن ایجاد کنید. در مثال بالا، ما در منوی بازشو بوت استرپ از این کلاس استفاده کردیم.