Question 1

What is a CSS gradient?

Accepted Answer

A CSS gradient is a smooth transition between two or more colors generated entirely by the browser — no image file needed. The three types are linear-gradient (along a line), radial-gradient (from a center point outward), and conic-gradient (sweeping around a point like a color wheel).

Question 2

What is a color stop?

Accepted Answer

A color stop defines a color at a specific position (0%–100%) along the gradient. You can add as many stops as you like to create multi-color transitions.

Question 3

How do I add the gradient to my website?

Accepted Answer

Click "Copy CSS" and paste the background property into your CSS rule. For example: .hero { background: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%); }

Question 4

Can I share a gradient I created?

Accepted Answer

Yes. Click the "Share" button to copy a URL that encodes your exact gradient settings. Anyone who opens the link will see the same gradient.

CSS Gradient Generator

أنواع التدرجات

كيفية الاستخدام

الأسئلة الشائعة