سورس کد افکت لودینگ

سورس کد افکت لودینگ با HTML & CSS

آخرین بروزرسانی در تاریخ : 1, مرداد, 1401

دانلود رایگان سورس کد لودینگ افکت loading-effect

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

زبان برنامه نویسی سورس کد افکت لودینگ loading-effect

این پروژه با استفاده از ۲ زبان HTML & CSS برنامه نویسی و طراحی شده است که کل سورس کد آن حجمی برابر با ۵ کیلو بایت دارد که می توان به راحتی در پروژه های مختلف از آن بهره برد.  

دستور اصلی استفاده شده در پروژه افکت لودینگ loading-effect

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

CSS Animations Syntax

animation: name duration timing-function delay iteration-count direction fill-mode play-state;

منبع برای یادگیری بیشتر درباره کد Animation

اگر دوست دارید که درباره کد دستوری و روش های استفاده انیمیشن در CSS بیشتر بدانید از صفحه CSS Animations دیدن نمایید.

در ادامه می توانید این سورس کد را به صورت کاملا رایگان در ایمیل خود دریافت کنید.

عضویت در سایت وبکیما

مخصوص اعضای سایت وبکیما

این مطلب مخصوص اعضای سایت آکادمی وبکیما است، اگر عضو سایت هستید وارد حساب کاربری خود شوید در غیر اینصورت می توانید به صورت رایگان عضو سایت شده و به مطالب رایگان سایت دسترسی کامل داشته باشید

5/5 - (1 امتیاز)

نظرات در “سورس کد افکت لودینگ با HTML & CSS

  1. amir میگوید:

    با سلام خسته نباشید . اگه بخوام بعد از استفاده این لودینگ حداقل بعد از 3 الی 4 ثانیه رد بشه این لودینگ وارد خوده صفحه بشه باید چیکار کنم ؟

    • پشتیبانی میگوید:

      باسلام، این موارد را باید توسط زبان‌های برنامه نویسی مثل جاوااسکریپت یا PHP انجام دهید.

  2. محمد یونس آیت اللهی میگوید:

    سلام
    من هر چند بار که ایمیلی رو وارد می کنم و درخواست ارسال لینک رو به ایمیلم میدم برام ارسال نمیشه لطفا راهنمایی کنید.

    • پشتیبانی میگوید:

      با سلام و احترام، مشکل برطرف شده است می توانید مجددا چک کنید.

  3. امیر میگوید:

    سلام ممنون از سایت خوبتون چطو میشه جمله ی طراحی شده توسط کاربر وردپرس رو تغییر داد چون توی کد هاش همچین چیرزی نبود.

    • پشتیبانی میگوید:

      سلام، برای حذف عنوان “طراحی شده توسط کاربر وردپرس” فایل index.html را ویرایش کنید و خطی که این عبارت در آن وجود دارد را حذف کنید.

  4. saeedpiri83 میگوید:

    سلام خسته نباشید ممنون از شما و سایت خوبتون که خیلی مفید هستش.

    من میخوام از سورس کد ها استفاده کنم مخصوصا سورس کد افکت لودینگ اما چون تازه وارد فضای برنامه نویسی شدم نمیدونم اون فایل zip رو که سه فایل از html و… داشت رو چطور روی وردپرس پیاده سازی کنم لطفا در نظر بگیرین تازه شروع کردم و آیا باید افزونه ای نصب بشه آیا باید اول اون فایل اصلی رو استخراج کنم لطفا توضیح بدید ممنون ازشما.

    • نبی عبدی میگوید:

      سلام آقا سعید عزیز؛ برای استفاده از سورس کدها در وردپرس باید به کدنویسی PHP بسیار مسلط باشید! و باید از صفر خودتان سورس کدها را به افزونه های وردپرس تبدیل کنید تا در وردپرس قابل استفاده باشد.

      • saeedpiri83 میگوید:

        بله؛ یعنی افزونه ای این کار رو انجام نمیده ؟

      • نبی عبدی میگوید:

        خیر، متاسفانه همچین افزونه ای وجود ندارد، یا اگر هم باشد باز هم شما برای کار با آن باید به زبان PHP مسلط باشید.

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

نشانی ایمیل شما منتشر نخواهد شد.

بلک فرایــــدی... تا 90 درصد تخفیف روی تمامی دوره‌ها...تخفیف‌تو بگیر!
+