کدهای جذاب و دیدنی ( Background Pattern Generator ) : ساخت الگوهای زیبا برای پس زمینه

در این قسمت میخوام یک کد ( Background Pattern Generator ) جالب رو در اختیارتون بزارم.

توضیحات مربوط Background Pattern Generator

همونطور که دیدید یک نوار کاست به زیبایی شبیه سازی شده و قرار گرفته و میتونین با استفاده از اون پس زمینه رو تغییر بدین و اون چیزی که مدنظرتون هست رو به وجود بیارید و در نهایت کد اون رو بدست بیارید. بصورت زیر میتونین با این سازنده، پس زمینه های خودتون رو به وجود بیارید:

میبینید که میتونین جهت، طول و رنگ مربوط به بلاکها رو تغییر بدین. همچنین میتونین ویژگی های دیگه رو تغییر بدین و در نهایت کدهای خروجی رو کپی کرده و مورد استفاده قرار بدین. این سازنده با استفاده از Vue.js به وجود آمده است.

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

موفق باشید.

یا علی

Source