آموزش طراحی وب

نمایش تایتل افکت دار بر روی عکس

0
0

با سلام
میخواستم بدونم اون افکتی که بر روی عکس قرار میدن به چه شکلی هستش؟
مثلا وقتی با ماوس روی عکس خواننده توقف می کنیم از زیر نام آهنگ بالا میاد
یا بر روی محصولات فروشگاه افکت های ضربدری یا از بالا به پایین قرار میدن
لطفا راهنمایی کنید

  • You must to post comments
0
0

اونو میدونم
اون تایتلی که از پایین به بالا میاد رو نمیدونم
تو دیو بذارم
دیو مختصات و مشخصات چی باشه

  • You must to post comments
0
0

سلام ،
شما برای این کار باید در فایل CSS ، داخل این تگ ، افکت هایی رو که میخواید وارد کنید :
{افکت مورد نظر } img:hover

در کل با قرار دادن :hover بعد از تگ های مورد نظر میتونید بگید پس از رفتن ماوس روی اون قسمت ، چه افکتی برای تصویر یا هر چیز دیگه ای اعمال بشه

  • You must to post comments
0
0

سلام دوست عزیز

میتونید از پلاگین های اماده استفاده کنید که خیلی هم حرفه ای هستن ، اگر نخواستید میتونید با css این کار رو انجام بدید .

مثلا همون نام محصول که از پایین به بالا میاد.

باید به div اصلیتون که تصویر محصول توشه خاصیت های زیر رو بدید :

position : relative ;
overflow: hidden
و تصویر و لایه ای که قراره بالا بیاد و نام محصول و نمایش بده رو هم داخل این div قرار میدید . حالا با position:absolute لایه ی نمایش نام رو روی تصویر قرار میدید و با bottom اون رو به میزان نیاز پایین می کشید . چون div مادر خاصیت overflow:hidden داره اون لایه ی نام دیگه نمایش داده نمیشه .

حالا برای حالت hover روی div مادر ، تعریف کنید که لایه ی نام به بالا کشیده بشه یعنی اگر در ابتدا bottom :-50px داره به bottom:0 تغییرش میدید .

از transition ها هم استفاده می کنید تا این کار با effect انجام بشه.

موفق باشید

  • You must to post comments
نمایش 3 نتیجه
پاسخ شما

لطفا جهت ارسال پاسخ به سایت .

سوالی دارید؟

اموزش تصادفی