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

لرن سایت,آموزش برنامه نویسی سی شارپ,آموزش طراحی سایت,آموزش برنامه نویسی اندروید,آموزش SQL c# android php jquery,قالب سایت

شما اینجا هستید : صفحه اصلی

با عضویت در کانال تلگرامی لرن سایت ، اولین فردی باشید که از تخفیفات و مطالب جدید خبردار می شوید !

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

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

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

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

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

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

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

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

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

مطلب پیشنهادی :  ابزار انتخابگر تاریخ برای طراحان وب DateDropper

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

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

 

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

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

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

 

اگه مطلب خوشتون اومد پس لطفا به اشتراک بذارین تا بقیه هم خوششون بیاد :)

نظرات

دیدگاه بگذارید

avatar
  Subscribe  
اطلاع رسانی از :