ਗ੍ਰੇਡੀਐਂਟ ਜਨਰੇਟਰ

ਇੱਕ ਲੀਨੀਅਰ, ਰੇਡੀਅਲ, ਜਾਂ ਕੋਨਿਕ ਗ੍ਰੇਡੀਐਂਟ ਬਣਾਓ, ਕਲਰ ਸਟਾਪਸ ਜੋੜੋ ਅਤੇ ਦਿਸ਼ਾ ਸੈੱਟ ਕਰੋ, ਫਿਰ ਇੱਕ ਕਲਿੱਕ ਵਿੱਚ CSS ਕਾਪੀ ਕਰੋ।

ਗ੍ਰੇਡੀਐਂਟ ਦੀ ਕਿਸਮ
ਕਲਰ ਸਟਾਪਸ
CSS
ਆਪਣੇ ਗ੍ਰੇਡੀਐਂਟ ਨੂੰ ਆਕਾਰ ਦੇਣ ਲਈ ਸਟਾਪਸ ਅਤੇ ਦਿਸ਼ਾ ਨੂੰ ਐਡਜਸਟ ਕਰੋ।

ਹਰ ਗ੍ਰੇਡੀਐਂਟ ਸਿੱਧਾ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਰੈਂਡਰ ਹੁੰਦਾ ਹੈ। ਤੁਹਾਡੇ ਵੱਲੋਂ ਸੈੱਟ ਕੀਤਾ ਗਿਆ ਕੋਈ ਵੀ ਡਾਟਾ BroBroGo 'ਤੇ ਅੱਪਲੋਡ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ।

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

ਲੀਨੀਅਰ, ਰੇਡੀਅਲ ਅਤੇ ਕੋਨਿਕ ਗ੍ਰੇਡੀਐਂਟਸ ਵਿੱਚ ਕੀ ਅੰਤਰ ਹੈ?

ਇੱਕ ਲੀਨੀਅਰ ਗ੍ਰੇਡੀਐਂਟ ਰੰਗਾਂ ਨੂੰ ਇੱਕ ਸਿੱਧੀ ਲਾਈਨ ਵਿੱਚ ਮਿਲਾਉਂਦਾ ਹੈ ਜਿਸਨੂੰ ਤੁਸੀਂ ਇੱਕ ਕੋਣ ਨਾਲ ਨਿਰਧਾਰਤ ਕਰਦੇ ਹੋ। ਇੱਕ ਰੇਡੀਅਲ ਗ੍ਰੇਡੀਐਂਟ ਉਹਨਾਂ ਨੂੰ ਕੇਂਦਰ ਤੋਂ ਬਾਹਰ ਵੱਲ ਇੱਕ ਚੱਕਰ ਜਾਂ ਅੰਡਾਕਾਰ ਵਿੱਚ ਫੈਲਾਉਂਦਾ ਹੈ। ਇੱਕ ਕੋਨਿਕ ਗ੍ਰੇਡੀਐਂਟ ਉਹਨਾਂ ਨੂੰ ਇੱਕ ਕਲਰ ਵ੍ਹੀਲ ਵਾਂਗ ਕੇਂਦਰ ਦੇ ਦੁਆਲੇ ਘੁਮਾਉਂਦਾ ਹੈ।

ਕਲਰ ਸਟਾਪਸ (color stops) ਕੀ ਹੁੰਦੇ ਹਨ?

ਹਰੇਕ ਕਲਰ ਸਟਾਪ ਗ੍ਰੇਡੀਐਂਟ ਦੇ ਨਾਲ ਇੱਕ ਸਥਿਤੀ 'ਤੇ ਪਿੰਨ ਕੀਤਾ ਗਿਆ ਰੰਗ ਹੁੰਦਾ ਹੈ — ਸ਼ੁਰੂ ਵਿੱਚ 0%, ਅੰਤ ਵਿੱਚ 100%। ਇਸਦਾ ਰੰਗ ਕਿੱਥੇ ਸਭ ਤੋਂ ਵੱਧ ਦਿਖਾਈ ਦੇਵੇ, ਇਸਨੂੰ ਬਦਲਣ ਲਈ ਇੱਕ ਸਟਾਪ ਨੂੰ ਹਿਲਾਓ, ਜਾਂ ਇੱਕ ਅਮੀਰ ਮਿਸ਼ਰਣ ਲਈ ਹੋਰ ਸਟਾਪ ਜੋੜੋ। ਤੁਸੀਂ ਅੱਠ ਤੱਕ ਵਰਤ ਸਕਦੇ ਹੋ।

ਮੈਂ ਦਿਸ਼ਾ ਨੂੰ ਕਿਵੇਂ ਕੰਟਰੋਲ ਕਰਾਂ?

ਇੱਕ ਲੀਨੀਅਰ ਜਾਂ ਕੋਨਿਕ ਗ੍ਰੇਡੀਐਂਟ ਲਈ, ਐਂਗਲ ਸਲਾਈਡਰ ਦਿਸ਼ਾ ਸੈੱਟ ਕਰਦਾ ਹੈ — 0° ਉੱਪਰ ਵੱਲ ਇਸ਼ਾਰਾ ਕਰਦਾ ਹੈ, 90° ਸੱਜੇ ਵੱਲ ਇਸ਼ਾਰਾ ਕਰਦਾ ਹੈ। ਰੇਡੀਅਲ ਗ੍ਰੇਡੀਐਂਟ ਦਾ ਕੋਈ ਕੋਣ ਨਹੀਂ ਹੁੰਦਾ; ਇਸਦੀ ਬਜਾਏ ਇਹ ਕਿਵੇਂ ਫੈਲਦਾ ਹੈ, ਇਸਨੂੰ ਬਦਲਣ ਲਈ ਇੱਕ ਚੱਕਰ (circle) ਜਾਂ ਅੰਡਾਕਾਰ (ellipse) ਆਕਾਰ ਚੁਣੋ।