UTILS.
۱۰۰٪ در مرورگر

الگوی پس‌زمینه CSS

یک الگوی پس‌زمینه CSS با دو رنگ بسازید و آن را کپی کنید.

درباره این ابزار

یک الگوی پس‌زمینه‌ی تکرارشونده — راه‌راه، شطرنجی، نقطه‌ای یا شبکه‌ای — تنها با گرادیان‌ها از روی دو رنگ و یک اندازه بسازید، سپس CSS را کپی کنید. پیش‌نمایش به‌صورت زنده در مرورگر شما به‌روز می‌شود.

پرسش‌های پرتکرار

این الگوها چگونه بدون تصویر ساخته می‌شوند؟
از گرادیان‌های خطی و شعاعی CSS همراه با background-size استفاده می‌کنند که مرورگر آن‌ها را برای ترسیم الگوی تکرارشونده کنار هم می‌چیند.
آیا الگو روی نمایشگرهای پرتراکم درست مقیاس می‌خورد؟
بله — گرادیان‌ها برداری هستند، بنابراین الگو در هر وضوح یا سطح بزرگ‌نمایی شفاف باقی می‌ماند.

ابزارهای بیشتر