کدهای جذاب و دیدنی ( SVG background-image ) : قرار دادن SVG برای پس زمینه در CSS

زمان مطالعه: 1 دقیقه
۲۴ آذر ۱۳۹۶

در این قسمت میخوام یک کد ( SVG background-image ) جالب رو در اختیارتون بزارم.

توضیحات مربوط به کد SVG background-image

همونطور که دیدید با استفاده از این کد میتونین یک فایل SVG رو آپلود کنید و این کد اون رو بصورت پس زمینه در میاره و میتونین از اون در کدهای CSS استفاده کنید.

در ابتدا باید بر روی دکمه Upload SVG کلیک کنید و فایل مورد نظرتون رو انتخاب کنید.

بعد از انتخاب فایل مورد نظر، کدهای اون در textarea بالایی نمایش داده میشه.

کدهای خروجی که میتونین از اون در CSS استفاده کنید نیز در پایین قرار داده شده و با کلیک بر روی Copy Output میتونین اونا رو کپی کرده و در جایی که قصد دارید استفاده کنید.

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

موفق باشید.

یا علی

Source

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

نظرات کاربران

اولین دیدگاه این پست رو تو بنویس !

ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :