ثبت نام

نمادها

آموزش ساخت آیکن متحرک برای سایت

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

آموزش ساخت آیکن متحرک برای سایت به کمک گلیف آیکن و بدون استفاده از تصویر است

سلام برنامه برای طراحی این آیکن های انیمیشنی از آیکن های سایت font awesome بهره میگیرد

تا قبل از این برای استفاده از این آیکن ها از روش خود سایت و از تگ <i> استفاده میکردیم

اما در این آموزش از Unicode های آن استفاده می کنیم

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

Unicode ها به قطعه کد های کوچک بی معنایی گفته میشود که آیکن خاصی را برای ما نمایش میدهند

 

برای ساخت آیکن های انیمیشنی ابتدا باید فایل css سایت font awesome را اضافه کنیم

برای این کار کافیست کد زیر را در head سایت خود قرار دهید

سپس کد زیر را به body خود اضافه کنید

و در نهایت کد های جاوا اسکریپت  زیر را به بعد از کد های html خود آیکن اضافه کنید

در کد بالا  “&#xf240;”  دستور unicode آیکن ما است

کار ساخت آیکن متحرک تمام است

 

همچنین می توانید برای مشاهده جزئیات بیشتر ویدیو آموزش را همراه با سورس کد دریافت کنید

ویدیو آموزش در باکس دانلود زیر همین پست موجود است

اگر این مطلب آموزنده بود به ما امتیاز دهید
1 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 5 5٫00 امتیاز از 1 رای
Loading...

این مجموعه فایل rar است که برای باز کردن آن نیاز به نرم افزار Winrar می باشد

دانلود آموزش ساخت آیکن متحرک برای سایت و سورس کد ها : نوع فایل:rar/video/code حجم فایل:24.76 مگابایت

بعد از اکسترکت (extract) کردن فایل ها آن را با یک پلیر تصویری ببینید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code

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