چگونه می توان افکت شناور را در بوت استرپ ایجاد کرد؟

2024 نویسنده: Lynn Donovan | [email protected]. آخرین اصلاح شده: 2023-12-15 23:46

دستورالعمل ها

1. مرحله 1: ایجاد یک لفاف حاوی کلاس. چشم انداز.
2. مرحله 2: یک کلاس برای اثر شما می خواهید به استفاده کنید (به عنوان مثال. روکش یا.
3. مرحله 3: یک مسیر تعیین کنید به تصویر.
4. مرحله 4: کلاس را اضافه کنید.
5. مرحله 5: اگر می خواهید به کمی متن اضافه کنید، شما می توان از کلاس استفاده کنید

علاوه بر این، افکت شناور چیست؟

اثر شناور صرفاً یک تغییر (رنگ، اندازه، شکل، تصویر و غیره) از یک عنصر است در حالی که یک فلش ماوس را روی آن قرار می دهید. معمولاً با کدنویسی CSS به دست می آید. را اثر شناور به هیچ وجه بدجنس نیست و عملا برای هر عنصر CSS قابل استفاده است.

ممکن است یکی بپرسد، چگونه CSS را شناور می کنید؟: شناور انتخابگر یک کلاس شبه است که به شما امکان می دهد عنصری را که مکان نما یا اشاره گر ماوس است هدف قرار دهید. معلق بر فراز. اعمال این موارد دشوار است: شناور انتخابگر در دستگاه های لمسی با شروع در IE4،: شناور انتخابگر فقط می تواند با برچسب ها استفاده شود. از زمان IE7،: شناور انتخابگر می توان با تمام عناصر استفاده شود

همچنین پرسیده شد، چگونه می توانم متن را روی یک تصویر شناور کنم؟

نحوه نمایش یک متن متحرک روی تصویر در Hover تنها با استفاده از CSS3

1. ایجاد HTML¶ با استفاده از تصویر خود را اضافه کنید

   برچسب و متن ابتدا باید تصویر خود را با استفاده از

   برچسب زدن

2. انتخابگر Set:hover CSS¶ ایجاد کنید. افکت hover با استفاده از کلاس شبه hover که عنصر را انتخاب و استایل می کند تنظیم می شود.

چگونه از شر شناور خلاص شوم؟

برای غیرفعال کردن افکت شناور، دو پیشنهاد دارم:

1. اگر افکت شناور شما توسط جاوا اسکریپت راه اندازی شده است، فقط از $ استفاده کنید. unbind ('sover');
2. اگر سبک شناور شما توسط کلاس فعال شده است، فقط از $ استفاده کنید. removeClass('hoverCssClass');