Hover.css راه حل متحرک سازی در طراحی وب
سلام خدمت همراهان همیشگی لرن سایت
احتمالا شما هم همانند بقیه طراحان وب در مسئله متحرک سازی عناصر و المنت ها در وب به آن چیزی که در نظر دارید نمیرسید , مخصوصا زمانی که پای یک پروژه خلاقانه در میانه !
در این مطلب میخواهیم کتابخانه بسیار کاربردی Hover.css به شما کنیم که بسیار ساده میتوانید تحرکات جالبی در پروژه خودتان اجرا نمایید .
این کتابخانه دارای تحرکات مختلفی در بخش های تحرکات ۲ بعدی , بک گراند , آیکون , حاشیه , سایه ها و… میباشد .
نحوه استفاده از این کتابخانه :
– فایل استایل شیت این کتابخانه را در پروژه خود اضافه میکنید .
– وارد فایل Css این کتابخانه میشید و برای هر نوع کلاسی که در فایل ایجاد شده توضیحات مربوط به آن نوشته شده است .
کلاس تمام تحرکات با hvr شروع میشود و فقط کافی است که کلاس مورد نظر را کپی کنید و در قسمت کلاس عنصر مورد نظر قرار دهید , همانند زیر :
<i class="hvr-pop"></i>
این کتابخانه پشتیبانی خوبی از آیکون پک Fontawesome نیز دارد .
لینک مستقیم به کتابخانه از cdnjs