مولّد منحنى ⁨cubic-bezier⁩

أنشئ تدرّج ⁨CSS⁩ خطيًا أو شعاعيًا أو مخروطيًا وانسخ الكود.

أنشئ ظلًا متعدد الطبقات بخاصية ⁨box-shadow⁩ في ⁨CSS⁩ مع معاينة حيّة، ثم انسخ الكود.

شكّل كل زاوية من زوايا الصندوق على حدة، أو ادمجها في شكل عضوي غير منتظم، وانسخ كود ⁨border-radius⁩.

أنشئ بطاقة زجاجية مصنفرة بتمويه خلفية وشفافية وحدّ ناعم، وانسخ كود ⁨CSS⁩.

أنشئ شكل قصّ ⁨CSS⁩ (⁨clip-path⁩) - مضلع أو دائرة أو بيضاوي أو مستطيل داخلي - مع معاينة حيّة، وانسخ الكود.

صغّر أو نسّق كود ⁨CSS⁩، حيًا أثناء اللصق، بالكامل داخل متصفحك.

أنشئ تخطيط ⁨CSS flexbox⁩ - الاتجاه والالتفاف والتسوية والمحاذاة والفجوة، ونمو وانكماش وأساس كل عنصر - مع معاينة حيّة، وانسخ الكود.

أنشئ تخطيط ⁨CSS grid⁩ - عدد المسارات والفجوات والمحاذاة، وموضع كل عنصر - مع معاينة حيّة، وانسخ الكود.