CSS ಗ್ರೇಡಿಯಂಟ್ ಜನರೇಟರ್

ಗ್ರೇಡಿಯಂಟ್ ಪ್ರಕಾರ

ಕೋನ (ಡಿಗ್ರಿ)

ಆಕಾರ

ಬಣ್ಣ ನಿಲ್ದಾಣಗಳು

CSS ಔಟ್‌ಪುಟ್

CSS ಗ್ರೇಡಿಯಂಟ್ ಎಂದರೇನು?

CSS ಗ್ರೇಡಿಯಂಟ್‌ಗಳು ಚಿತ್ರ ಫೈಲ್‌ಗಳ ಬಳಕೆ ಇಲ್ಲದೆ ಎರಡು ಅಥವಾ ಹೆಚ್ಚಿನ ಬಣ್ಣಗಳ ನಡುವೆ ಮೃದುವಾದ ಪರಿವರ್ತನೆಯನ್ನು ತೋರಿಸಲು ಅನುಮತಿಸುತ್ತವೆ. ಮೂರು ವಿಧಗಳಿವೆ: linear-gradient (ನೇರ ರೇಖೆಯಲ್ಲಿ), radial-gradient (ಕೇಂದ್ರ ಬಿಂದುವಿನಿಂದ ಹೊರಡುವ), ಮತ್ತು conic-gradient (ಕೇಂದ್ರ ಬಿಂದುವಿನ ಸುತ್ತ ತಿರುಗುವ). ಗ್ರೇಡಿಯಂಟ್‌ಗಳನ್ನು ಹಿನ್ನೆಲೆ, ಬಟನ್, ಓವರ್ಲೇ ಮತ್ತು ಅಲಂಕಾರಿಕ ಅಂಶಗಳಿಗೆ ಬಳಸಲಾಗುತ್ತದೆ.

CSS ಗ್ರೇಡಿಯಂಟ್ ಜನರೇಟರ್ ಹೇಗೆ ಬಳಸಬೇಕು

ಸ್ವಾಚ್‌ಗಳಿಂದ ಪ್ರಿಸೆಟ್ ಆರಿಸಿ ಅಥವಾ ನಿಮ್ಮ ಸ್ವಂತ ಗ್ರೇಡಿಯಂಟ್ ಕಾನ್ಫಿಗರ್ ಮಾಡಿ.
ಗ್ರೇಡಿಯಂಟ್ ಪ್ರಕಾರ ಆರಿಸಿ: linear, radial ಅಥವಾ conic.
ಕೋನ (linear/conic ಗಾಗಿ) ಅಥವಾ ಆಕಾರ (radial ಗಾಗಿ) ಸರಿಹೊಂದಿಸಿ.
ಬಣ್ಣ ನಿಲ್ದಾಣಗಳನ್ನು ಸಂಪಾದಿಸಿ — ಬಣ್ಣ ಮತ್ತು ಸ್ಥಾನಗಳನ್ನು (0–100%) ಬದಲಾಯಿಸಿ.
ಅಗತ್ಯಕ್ಕೆ ತಕ್ಕಂತೆ ಬಣ್ಣ ನಿಲ್ದಾಣಗಳನ್ನು ಸೇರಿಸಿ ಅಥವಾ ತೆಗೆದು ಹಾಕಿ.
CSS ಕಾಪಿ ಮಾಡಿ ಮತ್ತು ನಿಮ್ಮ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗೆ ಅಂಟಿಸಿ.

Keywords: CSS ಗ್ರೇಡಿಯಂಟ್ ಜನರೇಟರ್, ರೇಖೀಯ ಗ್ರೇಡಿಯಂಟ್, ಶ್ರೇಣೀಯ ಗ್ರೇಡಿಯಂಟ್, ಕೋನಿಕ್ ಗ್ರೇಡಿಯಂಟ್, CSS ಹಿನ್ನೆಲೆ ಜನರೇಟರ್, ಗ್ರೇಡಿಯಂಟ್ ಬಣ್ಣ ಆರಿಸುವ ಸಾಧನ, CSS ಗ್ರೇಡಿಯಂಟ್ ಉಪಕರಣ