Swift Morph Loading...
Swift Morph Loading...
صمّم تدرّجات لونية احترافية بسهولة. عدّل الألوان والاتجاه ونقاط التدرّج، وشاهد النتيجة فورًا، ثم انسخ كود CSS جاهزًا لمشروعك.
Your next design
Beautiful gradients, made simple.
أي تعديل هتعمله هيظهر هنا مباشرة.
اختار شكل التدرّج المناسب لتصميمك.
كل نقطة بتحدد لون ومكان ظهوره داخل التدرّج.
اضبط الاتجاه ومركز التدرّج حسب النوع المختار.
Color behind the gradient
#ffffff
جاهز للنسخ واللصق داخل ملف CSS.
background-color: #ffffff;
background-image: linear-gradient(135deg, #8B5CF6 0%, #EC4899 50%, #F59E0B 100%);