مولّد تدرجات وظلال CSS
صمّم تدرجات CSS وظلال الصناديق بصريًا وانسخ CSS جاهزًا للإنتاج أو أصناف Tailwind.
بلا رفع
background: linear-gradient(135deg, #ff5a1f 0%, #ffb347 50%, #7f5af0 100%);
كيفية استخدام مولّد تدرجات وظلال CSS
- 1افتح مولّد تدرجات وظلال CSS. يعمل في متصفحك دون تسجيل.
- 2اكتب بياناتك أو الصقها.
- 3انسخ النتيجة أو نزّلها.
أسئلة
What are layered shadows?
Several soft shadows stacked together look more natural than one hard shadow — the style used by modern design systems.
Does the Tailwind class work?
Yes, it uses Tailwind’s arbitrary value syntax, supported in v3 and v4.
أدوات أخرى
مولّد رموز QRروابط وWi-Fi ونص — SVG أو PNG عدّاد الكلمات والأحرفكلمات وأحرف ووقت القراءة محوّل حالة الأحرف والروابطUPPER وTitle وcamel وkebab Markdown إلى HTMLمعاينة مباشرة وتصدير Markdown إلى PDFجاهز للطباعة ونص قابل للتحديد منظّف النص: إزالة التكرار والترتيب والاستبدالأسطر ومسافات وبحث واستبدال مولّد الخطوط المزخرفةخطوط Unicode للنبذة الشخصية مولّد Lorem Ipsumفقرات نصية مؤقتة