Lift
ابزاری برای ایجاد یک افکت بالابر جزئی در شناور شدن روی یک المان
افکت Lift پایه
یک نمونه کارت
این یک نمونه برای افکت Lift میباشد، روی من کلیک کنید یا ماوس خود را روی من بکشید
یک نمونه دکمه
ماوس رو روی من بکشید<!-- Card with lift -->
<a class="card lift" href="#!">
<div class="card-body">این یک نمونه برای افکت Lift میباشد، روی من کلیک کنید یا ماوس خود را روی من بکشید</div>
</a>
<!-- Button with lift -->
<a class="btn btn-primary lift" href="#!">دکمه</a>
//- Card with lift
a(href='#!').card.lift
.card-body
| ...
//- Button with lift
a(href='#!').btn.btn-primary.lift
| دکمه
افکت lift را می توان با افزودن کلاس
.lift
به هر عنصری استفاده کرد. در مثال بالا، همراه با یک کارت بوت استرپ و یک دکمه بوت استرپ استفاده می شود. از آنجایی که ابزار lift یک افکت شناور است، بیشتر باید با پیوندها استفاده شود! هنگامی که یک مورد بلند شده کلیک می شود، یک ظاهر طراحی فعال اعمال می شود که عنصر را به موقعیت اصلی خود باز می گرداند.
ابعاد
یک نمونه کارت (سایز کوچک):
این یک نمونه برای افکت Lift میباشد، روی من کلیک کنید یا ماوس خود را روی من بکشید
دکمه (سایز کوچک):
ماوس رو روی من بکشید<!-- Card with lift small -->
<a class="card lift lift-sm" href="#!">
<div class="card-body">این یک نمونه برای افکت Lift میباشد، روی من کلیک کنید یا ماوس خود را روی من بکشید</div>
</a>
<!-- Button with lift small -->
<a class="btn btn-primary lift lift-sm" href="#!">دکمه</a>
//- Card with lift small
a(href='#!').card.lift.lift-sm
.card-body
| ...
//- Button with lift small
a(href='#!').btn.btn-primary.lift.lift-sm
| دکمه
از کلاس
.lift-sm
تنها با کلاس
.lift
استفاده کنید. یک افکت Lift کمتر نسب به پیشفرض اعمال میشود.