CSS ਗ੍ਰੇਡੀਐਂਟ ਜਨਰੇਟਰ
CSS ਗ੍ਰੇਡੀਐਂਟ ਬਣਾਓ
ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ · ਕੋਈ ਅੱਪਲੋਡ ਨਹੀਂ
ਇਹ ਟੂਲ ਅਤੇ ਇਸ ਪੰਨੇ ਦੀਆਂ ਹਿਦਾਇਤਾਂ ਫ਼ਿਲਹਾਲ ਅੰਗਰੇਜ਼ੀ ਵਿੱਚ ਹਨ। ਇਹ ਉਸੇ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦਾ ਹੈ: ਸਭ ਕੁਝ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ।
ਇਹ ਟੂਲ ਚਲਾਉਣ ਲਈ ਤੁਹਾਡਾ ਬ੍ਰਾਊਜ਼ਰ ਬਹੁਤ ਪੁਰਾਣਾ ਹੈ। ਕਿਰਪਾ ਕਰਕੇ ਇਸਨੂੰ ਅੱਪਡੇਟ ਕਰੋ, ਜਾਂ Chrome, Edge, Firefox ਜਾਂ Safari ਦਾ ਮੌਜੂਦਾ ਸੰਸਕਰਣ ਵਰਤੋ।
- ਕੁਝ ਵੀ ਤੁਹਾਡਾ ਡਿਵਾਈਸ ਨਹੀਂ ਛੱਡਦਾ
- ਸਰਵਰ ਵੱਲੋਂ ਆਕਾਰ ਦੀ ਕੋਈ ਹੱਦ ਨਹੀਂ
- ਸਾਈਨ-ਅੱਪ ਨਹੀਂ, ਵਾਟਰਮਾਰਕ ਨਹੀਂ
- ਮੁਫ਼ਤ
How to make a CSS gradient
- Pick linear, radial or conic, or start from a ready-made gradient.
- Set the angle or center, and add, move or remove colors.
- Copy the CSS.
Good to know
- Each color can be partly see-through, which is handy for overlays on photos.
- "Repeat the pattern" turns the gradient into stripes or rings.
- The CSS includes a plain background color for very old browsers.
ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ
Will it work in all browsers?
Linear and radial gradients work everywhere; conic gradients work in all current browsers.
Is anything uploaded?
No. The preview is drawn by your browser.