آخرین بروزرسانی در تاریخ : ۶, اردیبهشت, ۱۳۹۹

دانلود رایگان سورس کد لودینگ افکت 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 استفاده بسیار زیادی در طراحی سایت های امروزی دارد. حال که صحبت از انیمیشن شد پیشنهاد می کنم حتما از ابزار گرادیانت انیمیشن ساز وبکیما دیدن فرمایید و برای بگراندهای سایت خود از گرادیانت های انیمیشنی که توسط این ابزار می توانید بسازید استفاده کنید. برای دسترسی به ابزار گرادیانت انیمیشن ساز وبکیما می توانید از دکمه زیر استفاده کنید.

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

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

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

نظرات در “سورس کد افکت لودینگ ( دانلود رایگان ) طراحی شده با HTML & CSS

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

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

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

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

  2. saeedpiri83 میگوید:

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

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

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

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

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

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