CSS ಗ್ರೇಡಿಯಂಟ್ ಜನರೇಟರ್
CSS ಗ್ರೇಡಿಯಂಟ್ಗಳನ್ನು ರಚಿಸಿ
ನಿಮ್ಮ ಬ್ರೌಸರ್ನಲ್ಲಿ ಕೆಲಸ ಮಾಡುತ್ತದೆ · ಅಪ್ಲೋಡ್ ಇಲ್ಲ
ಈ ಉಪಕರಣ ಮತ್ತು ಈ ಪುಟದ ಸೂಚನೆಗಳು ಸದ್ಯಕ್ಕೆ ಇಂಗ್ಲಿಷ್ನಲ್ಲಿವೆ. ಇದು ಅದೇ ರೀತಿ ಕೆಲಸ ಮಾಡುತ್ತದೆ: ಎಲ್ಲವೂ ನಿಮ್ಮ ಬ್ರೌಸರ್ನಲ್ಲೇ ನಡೆಯುತ್ತದೆ.
Colors
Ready-made
ಈ ಉಪಕರಣವನ್ನು ಚಲಾಯಿಸಲು ನಿಮ್ಮ ಬ್ರೌಸರ್ ತುಂಬಾ ಹಳೆಯದು. ದಯವಿಟ್ಟು ಅದನ್ನು ನವೀಕರಿಸಿ, ಅಥವಾ 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.