عکس متحرک svg خاص خطوط متحرک
سلام بدنبال یک svg خاص که در اکثر سایت ها مورد استفاده قرار گرفته است هستم تصویری از آن را در پایین قرار داده ام ممنون
سلام. اگه این تصویر ثابت هست که میتونید توی اینترنت بگردید و پیدا کنید. حالا اگه فایل png یا jpeg هم باشه موردی نداره. میتونید تو سایت های مختلفی به صورت آنلاین به svg تبدیل کنید.
اما اگه این ستاره ها متحرک هستند و به حرکت ماوس حساس هستند و از این جور چیزها، بهشون میگن پارالاکس “parallax”. با کد های جاوا اسکریپت و css نوشته میشن. این پارالاکسی که شما عکس براش فرستادید معروفه ولی من اسمش رو یادم نمیاد الان. توی اینترنت سرچ کنید: Star Parallax
داخل سایت هایی مثل codpen.io میتونید نمونه هاش رو پیدا کنید و تو سایتتون استفاده کنید.
فقط حواستون باشه که این کد ها به علت اینکه بیشتر با جاوا اسکریپت نوشته میشن و روی مرورگر کاربر میتونن اجرا بشن ممکنه که اگه روی سیستم های ضعیف اجرا بشه یا گوشی کاربر نکشه سایت رو کند کنه و یا سیستم و گوشی هنگ کنه. البته این مورد به حجم پردازش کد های شما هم بستگی داره و برای این گفتم که تو استفاده از این کد ها زیاده روی نکنید و اگه تنظیماتی داره که میتونید سبک کنید این کار رو انجام بدید.پ
مثلا تو پارالاکس بالا که عکس گذاشتید تعداد نقطه ها رو زیاد در نظر نگیرید.