آموزش کسب درآمداز طریق طراحی سایت

عکس متحرک svg خاص خطوط متحرک

پاسخ داده شده

    سلام بدنبال یک svg خاص که در اکثر سایت ها مورد استفاده قرار گرفته است هستم تصویری از آن را در پایین قرار داده ام ممنون

    عکس متحرک svg خاص خطوط متحرک

    کاربر فعال سوال شده در 1401/02/17 در وردپرس - کلی.
    افزودن نظر
    1 پاسخ(ها)
      بهترین پاسخ

      سلام. اگه این تصویر ثابت هست که میتونید توی اینترنت بگردید و پیدا کنید. حالا اگه فایل png یا jpeg هم باشه موردی نداره. میتونید تو سایت های مختلفی به صورت آنلاین به svg تبدیل کنید.

      اما اگه این ستاره ها متحرک هستند و به حرکت ماوس حساس هستند و از این جور چیزها، بهشون میگن پارالاکس “parallax”. با کد های جاوا اسکریپت و css نوشته میشن. این پارالاکسی که شما عکس براش فرستادید معروفه ولی من اسمش رو یادم نمیاد الان. توی اینترنت سرچ کنید: Star Parallax 

      داخل سایت هایی مثل codpen.io میتونید نمونه هاش رو پیدا کنید و تو سایتتون استفاده کنید.

      فقط حواستون باشه که این کد ها به علت اینکه بیشتر با جاوا اسکریپت نوشته میشن و روی مرورگر کاربر میتونن اجرا بشن ممکنه که اگه روی سیستم های ضعیف اجرا بشه یا گوشی کاربر نکشه سایت رو کند کنه و یا سیستم و گوشی هنگ کنه. البته این مورد به حجم پردازش کد های شما هم بستگی داره و برای این گفتم که تو استفاده از این کد ها زیاده روی نکنید و اگه تنظیماتی داره که میتونید سبک کنید این کار رو انجام بدید.پ

      مثلا تو پارالاکس بالا که عکس گذاشتید تعداد نقطه ها رو زیاد در نظر نگیرید.

      وردپرس کار پاسخ داده شده در 1401/02/17.
      افزودن نظر

      پاسخ شما

      برای ارسال سوال, شما باید شرایط و ظوابط و شرایط استفاده از خدمات را قبول کنید