فهرست مطالب:

افکت های شناور چیست؟
افکت های شناور چیست؟

تصویری: افکت های شناور چیست؟

تصویری: افکت های شناور چیست؟
تصویری: آموزش تکنیک رندوم مت افتر افکت 2024, ممکن است
Anonim

اثر شناور : پاپ و انیمیشن پس زمینه. اثر شناور برای یک محصول یک تصویر بالا و پایین می‌آید و پس‌زمینه به بیرون می‌لغزد و متحرک می‌شود.

همچنین بدانید، چگونه می‌توانید وقتی عکس معلق است، متن ظاهر شود؟

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

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

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

    برچسب زدن

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

ممکن است یکی نیز بپرسد که چگونه از شناور استفاده می کنید؟ انتخابگر:hover برای انتخاب عناصر زمانی که ماوس را روی آنها قرار می دهید استفاده می شود.

  1. نکته: انتخابگر:hover را می توان در همه عناصر، نه تنها در پیوندها، استفاده کرد.
  2. نکته: از انتخابگر:link برای استایل دادن به پیوندهای صفحات بازدید نشده، از انتخابگر:visited برای استایل دادن به پیوندهای صفحات بازدید شده و انتخابگر:active برای استایل دادن به پیوند فعال استفاده کنید.

در اینجا، چگونه یک تصویر را در CSS نگه دارید؟

پاسخ: از ویژگی CSS background-image استفاده کنید

  1. تغییر تصویر در Hover در CSS
  2. .card {
  3. عرض: 130 پیکسل؛
  4. ارتفاع: 195px;
  5. پس زمینه: url("images/card-back.jpg") بدون تکرار.
  6. صفحه نمایش: inline-block;
  7. }

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

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

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

توصیه شده: