Hover.css راه حل متحرک سازی در طراحی وب

سلام خدمت همراهان همیشگی لرن سایت

احتمالا شما هم همانند بقیه طراحان وب در مسئله متحرک سازی عناصر و المنت ها در وب به آن چیزی که در نظر دارید نمیرسید , مخصوصا زمانی که پای یک پروژه خلاقانه در میانه !

در این مطلب میخواهیم کتابخانه بسیار کاربردی Hover.css به شما کنیم که بسیار ساده میتوانید تحرکات جالبی در پروژه خودتان اجرا نمایید .

این کتابخانه دارای تحرکات مختلفی در بخش های تحرکات ۲ بعدی , بک گراند , آیکون , حاشیه , سایه ها و… میباشد .

نحوه استفاده از این کتابخانه :

– فایل استایل شیت این کتابخانه را در پروژه خود اضافه میکنید .

– وارد فایل Css این کتابخانه میشید و برای هر نوع کلاسی که در فایل ایجاد شده توضیحات مربوط به آن نوشته شده است .

کلاس تمام تحرکات با hvr شروع میشود و فقط کافی است که کلاس مورد نظر را کپی کنید و در قسمت کلاس عنصر مورد نظر قرار دهید , همانند زیر :

<i class="hvr-pop"></i>

این کتابخانه پشتیبانی خوبی از آیکون پک Fontawesome نیز دارد .

 

لینک به گیت هاب کتابخانه

لینک به پیشنمایش کتابخانه

لینک مستقیم به کتابخانه از cdnjs

 

1/5 - (1 امتیاز)
ابوالفضل ویسی

آخرین مطالب

نحوه هلتداری مدرن و کارآمد

مکانیسم هتلداری پیشرفته در دنیای امروزی که تکنولوژی تمام ابعاد زندگی و کار را در… ادامه مطلب

ژوئن 6, 2020

سیستم نرم افزار هتلداری

امروزه هتل‌ها در دنیای صنعت گردشگری یکی از ارکان اساسی محسوب می‌شوند. ارائه‌ی خدمات با… ادامه مطلب

می 22, 2020

نحوه انبارداری شرکت آمازون

موفقیت کسب و کارهای بزرگ، همیشه الگوی مناسبی برای کسب و کارهای کوچک‌تر است. آمازون… ادامه مطلب

آوریل 26, 2020

طراحی نرم افزار انبارداری

  یکی از مهم‌ترین و کلیدی‌ترین بخش‌های یک سازمان، انبار محصولات یا خدمات آن است.… ادامه مطلب

آوریل 21, 2020

طراحی نرم افزار مالی و حسابداری

این روز ها با تقریب خوبی می توان گفت شرکت یا بیزینسی باقی نمانده است… ادامه مطلب

ژانویه 30, 2020

چگونه برنامه نویس موفق اندروید شویم؟

از آنجا که اپلیکیشن های موبایل بیشتر و بیشتر مردم را از راه های خلاقانه… ادامه مطلب

ژوئن 15, 2019